@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap);:root{--primary:#2dd4c2;--accent:#f59e0b;--bg:#fff;--surface:#f3f4f6;--text:#1f2937;--text-muted:#6b7280;--border:#e5e7eb;--error:#ef4444;--success:#10b981;--radius:16px;--radius-sm:12px;--shadow:0 4px 20px #00000014}*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:#1f2937;color:var(--text);font-family:Poppins,sans-serif}.app-shell,body{background:#fff;background:var(--bg)}.app-shell{margin:0 auto;max-width:430px;min-height:100vh}.header{background:#2dd4c2;background:var(--primary);border-radius:0 0 100% 100%/0 0 80px 80px;padding:64px 20px 110px;position:relative}.header:after{display:none}.card{background:#fff;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);padding:18px}.card-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:-85px 16px 0;position:relative;z-index:10}.btn{align-items:center;border:none;border-radius:16px;border-radius:var(--radius);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:17px;font-weight:700;gap:8px;justify-content:center;padding:18px;width:100%}.btn-primary{background:#f59e0b;background:var(--accent);color:#fff}.btn-secondary{background:#2dd4c2;background:var(--primary);color:#fff}.btn-ghost{background:#f3f4f6;background:var(--surface);color:#1f2937;color:var(--text)}.tab-bar{background:#fff;border-top:1px solid #e5e7eb;border-top:1px solid var(--border);bottom:0;box-sizing:border-box;display:flex;justify-content:space-around;left:0;margin:0 auto;max-width:430px;padding:12px 0 24px;position:fixed;right:0;width:100%;z-index:100}.tab-item{align-items:center;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;flex-direction:column;gap:4px}.tab-item.active{color:#2dd4c2;color:var(--primary)}.input{border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#1f2937;color:var(--text);font-family:Poppins,sans-serif;font-size:17px;outline:none;padding:14px 16px;width:100%}.input:focus{border-color:#2dd4c2;border-color:var(--primary)}.required-field{border-color:#f59e0b!important;border-color:var(--accent)!important}.live-dot{animation:pulse 2s infinite;background:#10b981;border-radius:50%;height:8px;width:8px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.content{padding:18px 18px 100px}::-webkit-scrollbar{display:none}.btn-logout{background:#0000;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000d;color:#64748b;cursor:pointer;display:block;font-size:14px;font-weight:500;margin:24px auto 0;padding:10px 24px;text-align:center;width:-webkit-fit-content;width:fit-content}.card-grid-lean{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr;margin:0 16px}.card-label{color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.card-value{color:#1f2937;color:var(--text);font-size:24px;font-weight:400;margin:6px 0}.card-sub{color:#6b7280;color:var(--text-muted);font-size:13px}.section-card{background:#fff;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);margin-bottom:16px;padding:18px}.sec-hdr{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.sec-title{color:#1f2937;color:var(--text);font-size:14px;font-weight:700}.btn-sm{border:none;border-radius:100px;cursor:pointer;font-family:Poppins,sans-serif;padding:6px 14px}.search-bar{padding:4px 0 12px}.search-input-wrap{align-items:center;background:#f3f4f6;background:var(--surface);border-radius:12px;border-radius:var(--radius-sm);display:flex;gap:8px;padding:10px 14px}.search-input-wrap input{background:#0000;border:none;color:#1f2937;color:var(--text);font-family:Poppins,sans-serif;font-size:15px;outline:none;width:100%}.icon-sm,.search-input-wrap input::placeholder{color:#6b7280;color:var(--text-muted)}.icon-sm{stroke:currentColor;fill:none;stroke-width:2;height:18px;width:18px}.filter-row{display:flex;gap:8px;overflow-x:auto;padding:4px 0 16px}.filter-badge{background:#fff;border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:100px;color:#6b7280;color:var(--text-muted);cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:600;padding:6px 14px}.filter-badge.active{background:#2dd4c2;background:var(--primary);border-color:#2dd4c2;border-color:var(--primary);color:#fff}.employee-row{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);cursor:pointer;display:flex;gap:12px;padding:12px 0}.employee-row:last-child{border-bottom:none}.employee-avatar{align-items:center;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:13px;font-weight:700;height:40px;justify-content:center;width:40px}.employee-info{flex:1 1;min-width:0}.employee-name{color:#1f2937;color:var(--text);font-size:14px;font-weight:600}.employee-sub{color:#6b7280;color:var(--text-muted);font-size:12px;margin-top:2px}.employee-tip{color:#1f2937;color:var(--text);font-size:14px;font-weight:600}.employee-empty{color:#6b7280;color:var(--text-muted);font-size:14px;padding:24px 0;text-align:center}.status-badge{border-radius:100px;font-size:11px;font-weight:700;padding:3px 10px;white-space:nowrap}.status-active{background:#d1fae5;color:#047857}.status-today{background:#fef3c7;color:#b45309}.status-leave{background:#dbeafe;color:#1d4ed8}.status-inactive{background:#f3f4f6;background:var(--surface);color:#6b7280;color:var(--text-muted)}.status-employment{background:#2dd4c21f;color:#2dd4c2;color:var(--primary)}.header-sub{background:#2dd4c2;background:var(--primary);padding:calc(18px + env(safe-area-inset-top)) 16px 16px}.header-sub .row1{align-items:center;display:flex;gap:10px;min-height:36px;position:relative}.screen-title{color:#fff;flex:1 1;font-size:19px;font-weight:700;text-align:center}.lean-action,.lean-back{align-items:center;background:#ffffff38;border:none;border-radius:50%;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);width:36px}.lean-back{left:0}.lean-action{right:0}.lean-action:active,.lean-back:active{background:#ffffff59}.lean-spacer{flex-shrink:0;width:36px}.profil-row{border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);padding:12px 0}.profil-row:last-child{border-bottom:none}.profil-lbl{color:#6b7280;color:var(--text-muted);font-size:11px;margin-bottom:3px}.profil-val{color:#1f2937;color:var(--text);font-size:14px;font-weight:600}.sec-badge{color:#6b7280;color:var(--text-muted);font-size:11px;font-weight:600}.btn-outline{align-items:center;background:#fff;border:2px solid #f59e0b;border:2px solid var(--accent);border-radius:100px;color:#f59e0b;color:var(--accent);cursor:pointer;display:flex;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;gap:8px;justify-content:center;padding:13px;width:100%}.tx-empty{color:#6b7280;color:var(--text-muted);font-size:14px;padding:16px 0;text-align:center}.header-sub .row2{display:flex;justify-content:center;margin-top:12px}.mt16{margin-top:16px}.share-toggle{display:flex;gap:8px;margin-bottom:14px}.share-opt{align-items:center;background:#fff;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:14px;cursor:pointer;display:flex;flex:1 1;flex-direction:column;gap:6px;padding:14px 8px;transition:all .15s}.share-opt.active{background:#2dd4c212;border-color:#2dd4c2;border-color:var(--primary)}.share-opt svg{stroke:#6b7280;stroke:var(--text-muted);fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;height:26px;width:26px}.share-opt.active svg{stroke:#2dd4c2;stroke:var(--primary)}.share-opt-lbl{color:#6b7280;color:var(--text-muted);font-size:13px;font-weight:700}.share-opt.active .share-opt-lbl{color:#2dd4c2;color:var(--primary)}.share-info-auto{background:#f3f4f6;background:var(--surface);border-radius:10px;color:#6b7280;color:var(--text-muted);font-size:13px;margin-bottom:14px;padding:12px 14px}.stepper{gap:0;margin-bottom:12px}.stepper,.stepper-btn{align-items:center;display:flex;justify-content:center}.stepper-btn{background:#fff;border:2px solid #2dd4c2;border:2px solid var(--primary);border-radius:50%;color:#2dd4c2;color:var(--primary);cursor:pointer;flex-shrink:0;font-family:Poppins,sans-serif;font-size:24px;font-weight:700;height:52px;width:52px}.stepper-btn:active{background:#2dd4c2;background:var(--primary);color:#fff}.stepper-val{border-radius:10px;color:#1f2937;color:var(--text);cursor:pointer;font-size:36px;font-weight:400;padding:4px 0;text-align:center;transition:background .15s;width:110px}.stepper-val:active{background:#f3f4f6;background:var(--surface)}.stepper-val span{font-size:20px}.stepper-hint,.stepper-val span{color:#6b7280;color:var(--text-muted)}.stepper-hint{font-size:12px;margin-bottom:12px;margin-top:-4px;text-align:center}.stepper-input-row{align-items:center;display:flex;gap:8px;justify-content:center;margin-bottom:12px}.stepper-input{border:2px solid #2dd4c2;border:2px solid var(--primary);border-radius:10px;color:#1f2937;color:var(--text);font-family:Poppins,sans-serif;font-size:32px;font-weight:400;padding:6px 4px;text-align:center;width:90px}.stepper-input:focus{outline:none}.stepper-input-ok{background:#2dd4c2;background:var(--primary);border:none;border-radius:100px;color:#fff;cursor:pointer;font-family:Poppins,sans-serif;font-size:14px;font-weight:700;height:44px;padding:0 18px}.hint-box{align-items:flex-start;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:10px;color:#166534;display:flex;font-size:12px;gap:8px;line-height:1.5;margin-top:14px;padding:12px 14px}.reason-input{border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#1f2937;color:var(--text);font-family:Poppins,sans-serif;font-size:14px;margin-bottom:14px;outline:none;padding:12px 14px;width:100%}.reason-input:focus{border-color:#2dd4c2;border-color:var(--primary)}.reason-label{color:#6b7280;color:var(--text-muted);display:block;font-size:12px;margin-bottom:6px}.status-opt{align-items:center;border:2px solid #e5e7eb;border:2px solid var(--border);border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:14px}.status-opt.active{border-color:#2dd4c2;border-color:var(--primary)}.status-opt input[type=radio]{accent-color:#2dd4c2;accent-color:var(--primary);width:auto}.status-opt-title{color:#1f2937;color:var(--text);font-size:14px;font-weight:600}.input-label,.status-opt-sub{color:#6b7280;color:var(--text-muted);font-size:12px}.input-label{display:block;font-weight:600;margin-bottom:6px}.range-box{background:#f3f4f6;background:var(--surface);border-radius:12px;display:flex;flex-direction:column;margin:-2px 0 4px;padding:14px}.range-box input[type=date]{border:1.5px solid #e5e7eb;border:1.5px solid var(--border);border-radius:12px;border-radius:var(--radius-sm);color:#1f2937;color:var(--text);font-family:Poppins,sans-serif;font-size:15px;margin-bottom:10px;outline:none;padding:12px 14px;width:100%}.range-box input[type=date]:focus{border-color:#2dd4c2;border-color:var(--primary)}input[type=date],input[type=month]{-webkit-appearance:none;appearance:none;box-sizing:border-box;max-width:100%;width:100%}.history-row{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:12px 0}.history-row:last-child{border-bottom:none}.history-date{color:#6b7280;color:var(--text-muted);font-size:13px}.history-amount{color:#1f2937;color:var(--text);font-size:15px;font-weight:600}.info-banner{align-items:center;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);background:#fffffff7;border-top:2px solid #10b981;border-top:2px solid var(--success);bottom:78px;box-shadow:0 -2px 10px #0000000f;box-sizing:border-box;display:flex;height:65px;justify-content:space-between;left:0;margin:0 auto;max-width:430px;padding:0 16px;position:fixed;right:0;width:100%;z-index:150}.info-banner-text{font-size:12px;line-height:1.4}.info-banner-text strong{color:#1f2937;color:var(--text);font-weight:700}.info-banner-text span{color:#10b981;color:var(--success);font-weight:600}.info-banner-close{background:none;border:none;color:#6b7280;color:var(--text-muted);cursor:pointer;flex-shrink:0;padding:6px}.portal-shell-root{background:#f3f4f6;background:var(--surface);min-height:100vh}.portal-loading{align-items:center;color:#6b7280;color:var(--text-muted);font-size:15px;justify-content:center}.portal-layout,.portal-loading{display:flex;min-height:100vh}.portal-sidebar{background:#fff;border-right:1px solid #e5e7eb;border-right:1px solid var(--border);display:none;flex-direction:column;flex-shrink:0;height:100vh;overflow-y:auto;padding:20px 0;position:-webkit-sticky;position:sticky;top:0;width:240px}.portal-sidebar-brand{color:#2dd4c2;color:var(--primary);font-size:18px;font-weight:700;padding:0 20px 20px}.portal-nav-item{align-items:center;border-left:3px solid #0000;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:12px;padding:12px 20px}.portal-nav-item svg{stroke-width:1.8;flex-shrink:0;height:20px;width:20px}.portal-nav-item.active{background:#2dd4c214;border-left-color:#2dd4c2;border-left-color:var(--primary);color:#2dd4c2;color:var(--primary)}.portal-nav-divider{background:#e5e7eb;background:var(--border);height:1px;margin:12px 20px}.portal-topbar{align-items:center;background:#fff;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border);display:flex;gap:12px;padding:14px 16px;position:-webkit-sticky;position:sticky;top:0;z-index:50}.portal-topbar-title{color:#1f2937;color:var(--text);flex:1 1;font-size:16px;font-weight:700}.portal-menu-btn{align-items:center;background:#f3f4f6;background:var(--surface);border:none;border-radius:10px;cursor:pointer;display:flex;flex-shrink:0;height:38px;justify-content:center;width:38px}.portal-drawer-backdrop{background:#0006;inset:0;position:fixed;z-index:200}.portal-drawer{background:#fff;bottom:0;box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);display:flex;flex-direction:column;left:0;padding:20px 0;position:fixed;top:0;width:260px;z-index:201}.portal-main-col{display:flex;flex:1 1;flex-direction:column;min-width:0}.portal-main{flex:1 1;min-width:0;padding:24px}@media (min-width:900px){.portal-sidebar{display:flex}.portal-topbar{display:none}}.portal-notowner{align-items:center;display:flex;flex-direction:column;gap:12px;justify-content:center;min-height:100vh;padding:24px;text-align:center}.portal-notowner-title{color:#1f2937;color:var(--text);font-size:18px;font-weight:700}.portal-notowner-text{color:#6b7280;color:var(--text-muted);font-size:14px;max-width:320px}.portal-notowner-btn{margin-top:8px;padding:12px 24px;width:auto}.portal-placeholder{background:#fff;border-radius:16px;border-radius:var(--radius);box-shadow:0 4px 20px #00000014;box-shadow:var(--shadow);color:#6b7280;color:var(--text-muted);font-size:14px;padding:32px}.portal-placeholder-title{color:#1f2937;color:var(--text);font-size:18px;font-weight:700;margin-bottom:8px}.portal-placeholder-empty{color:#6b7280;color:var(--text-muted);font-size:14px}.portal-kpi-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.portal-dist-row{margin-bottom:16px}.portal-dist-row:last-child{margin-bottom:0}.portal-dist-row-top{font-size:14px;font-weight:500;margin-bottom:4px}.portal-dist-row-sub,.portal-dist-row-top{display:flex;justify-content:space-between}.portal-dist-row-sub{color:#6b7280;color:var(--text-muted);font-size:12px;margin-bottom:6px}.portal-dist-bar-track{background:#f3f4f6;background:var(--surface);border-radius:3px;height:6px}.portal-dist-bar-fill{border-radius:3px;height:100%}.portal-tip-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.portal-tip-edit-btn{gap:6px;padding:10px 18px;width:auto}.portal-main .card-grid-lean{margin-bottom:20px!important;margin-left:0;margin-right:0}.portal-main .section-card{margin-top:0!important}.portal-main .info-banner{bottom:0;left:auto;margin:16px 0 0;max-width:100%;position:-webkit-sticky;position:sticky;right:auto;width:100%}.portal-role-toggle{align-items:center;color:#6b7280;color:var(--text-muted);cursor:pointer;display:flex;flex-shrink:0;font-size:12px;font-weight:600;gap:6px}.portal-role-toggle input[type=checkbox]{accent-color:#2dd4c2;accent-color:var(--primary);cursor:pointer;height:18px;width:18px}
/*# sourceMappingURL=main.66324f36.css.map*/