:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:1126px;max-width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}html,body,#root{color:#1e293b;box-sizing:border-box;-webkit-font-smoothing:antialiased;width:100%;min-height:100vh;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;overflow-x:hidden;background-color:#f0f3f8!important}.soft-layout-wrapper{background-color:#f0f3f8;justify-content:center;align-items:center;min-height:100vh;padding:24px 16px;display:flex}.soft-card{background:#f0f3f8;border:1px solid #ffffffe6;border-radius:36px;width:100%;max-width:440px;padding:36px 32px 24px;position:relative;box-shadow:16px 16px 32px #d5dbe4,-16px -16px 32px #fff}.soft-tabs-container{background:#f0f3f8;border-radius:20px;margin-bottom:28px;padding:6px;display:flex;box-shadow:inset 4px 4px 8px #d5dbe4,inset -4px -4px 8px #fff}.soft-tab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:16px;flex:1;padding:10px 0;font-size:.95rem;font-weight:600;transition:all .25s}.soft-tab-btn.active{color:#2563eb;background:#f0f3f8;box-shadow:4px 4px 8px #d5dbe4,-4px -4px 8px #fff}.soft-header{text-align:center;margin-bottom:24px}.soft-title{color:#1e293b;letter-spacing:-.5px;font-size:1.8rem;font-weight:700}.soft-subtitle{color:#64748b;margin-top:6px;font-size:.9rem}.soft-form{flex-direction:column;gap:16px;display:flex}.soft-field{flex-direction:column;gap:6px;display:flex}.soft-field label{color:#475569;margin-left:6px;font-size:.85rem;font-weight:600}.soft-input-inset{background:#f0f3f8;border-radius:16px;align-items:center;padding:2px 14px;transition:all .2s;display:flex;box-shadow:inset 4px 4px 8px #d5dbe4,inset -4px -4px 8px #fff}.soft-input-inset:focus-within{box-shadow:inset 5px 5px 10px #c8d0dc,inset -5px -5px 10px #fff}.soft-input-inset input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;padding:12px 4px;font-size:.95rem}.soft-clean-select{color:#1e293b;cursor:pointer;background:0 0;border:none;outline:none;width:100%;padding:12px 4px;font-size:.95rem}.soft-input-password{position:relative}.soft-eye-btn{cursor:pointer;opacity:.65;background:0 0;border:none;justify-content:center;align-items:center;font-size:1.15rem;transition:opacity .2s;display:flex}.soft-eye-btn:hover{opacity:1}.soft-row-meta{justify-content:space-between;align-items:center;margin-top:-2px;padding:0 4px;font-size:.85rem;display:flex}.soft-checkbox-label{color:#64748b;cursor:pointer;align-items:center;gap:6px;display:flex}.soft-link-btn{color:#64748b;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem}.soft-link-btn:hover{color:#2563eb;text-decoration:underline}.soft-primary-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 100%);border:none;border-radius:20px;width:100%;margin-top:8px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:6px 6px 14px #2563eb4d,-4px -4px 10px #fff}.soft-primary-btn:hover{transform:translateY(-2px);box-shadow:8px 8px 18px #2563eb66,-4px -4px 10px #fff}.soft-primary-btn:disabled{box-shadow:none;cursor:not-allowed;background:#94a3b8}.soft-alert{text-align:center;border-radius:14px;margin-bottom:16px;padding:12px 16px;font-size:.88rem}.soft-alert-success{color:#065f46;background:#ecfdf5;border:1px solid #a7f3d0}.soft-alert-error{color:#991b1b;background:#fef2f2;border:1px solid #fecaca}.password-strength-box{flex-direction:column;gap:5px;margin-top:6px;padding:0 4px;display:flex}.strength-bar-track{background:#f0f3f8;border-radius:999px;width:100%;height:6px;overflow:hidden;box-shadow:inset 1px 1px 3px #d5dbe4,inset -1px -1px 3px #fff}.strength-bar-fill{border-radius:999px;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1),background-color .3s}.strength-meta-row{color:#64748b;justify-content:space-between;align-items:center;font-size:.74rem;display:flex}.strength-hint{color:#94a3b8;font-size:.7rem}.pwd-match-warning{color:#ef4444;margin-top:2px;margin-left:6px;font-size:.72rem;font-weight:600}.license-blocked-banner{color:#991b1b;text-align:center;background:#fef2f2;border:1px solid #f87171;border-radius:16px;max-width:440px;margin:16px auto -12px;padding:12px 16px;font-size:.86rem;font-weight:600;line-height:1.4;box-shadow:0 4px 12px #ef444426}.app-portal-wrapper{flex-direction:column;width:100%;max-width:1240px;min-height:100vh;margin:0 auto;padding:0 16px 50px;display:flex}.portal-content{width:100%;margin-top:20px}.portal-header-sticky{z-index:1000;-webkit-backdrop-filter:blur(14px);background:#f0f3f8f0;border-bottom:1px solid #ffffffd9;border-radius:0 0 24px 24px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;width:100%;padding:10px 16px;display:grid;position:sticky;top:0;left:0;box-shadow:0 4px 14px #d5dbe4a6}.header-col-left{justify-content:flex-start;align-items:center;display:flex}.header-col-center{justify-content:center;align-items:center;min-height:38px;display:flex;overflow:hidden}.header-center-greeting{text-align:center;opacity:1;pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;line-height:1.15;transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s;display:flex;transform:translateY(0)}.header-center-greeting.fade-out{opacity:0;pointer-events:none;transform:translateY(-6px)}.greeting-line-small{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.72rem;font-weight:600}.greeting-line-user{color:#0f172a;white-space:nowrap;text-overflow:ellipsis;max-width:130px;font-size:.94rem;font-weight:800;overflow:hidden}.header-col-right{justify-content:flex-end;align-items:center;gap:8px;display:flex}.portal-home-btn,.portal-refresh-btn,.portal-logout-btn{cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;font-weight:700;transition:all .2s;display:inline-flex}.portal-home-btn{color:#334155;background:#f0f3f8;padding:8px 14px;font-size:.84rem;box-shadow:3px 3px 6px #d5dbe4,-3px -3px 6px #fff}.portal-home-btn.active{color:#2563eb;box-shadow:inset 2px 2px 4px #d5dbe4,inset -2px -2px 4px #fff}.portal-refresh-btn{color:#0284c7;background:#f0f3f8;gap:5px;padding:8px 13px;font-size:.82rem;box-shadow:3px 3px 6px #d5dbe4,-3px -3px 6px #fff}.portal-refresh-btn:hover{color:#0369a1;transform:translateY(-1px)}.portal-refresh-btn:active{box-shadow:inset 2px 2px 4px #d5dbe4,inset -2px -2px 4px #fff}.portal-refresh-btn.is-loading{color:#0369a1;cursor:wait}.refresh-svg-icon{flex-shrink:0;width:15px;height:15px}.refresh-spinning{animation:.75s linear infinite spinPulse}@keyframes spinPulse{0%{opacity:1;transform:rotate(0)}50%{opacity:.35}to{opacity:1;transform:rotate(360deg)}}.portal-logout-btn{color:#dc2626;background:#f0f3f8;padding:8px 14px;font-size:.82rem;box-shadow:3px 3px 6px #d5dbe4,-3px -3px 6px #fff}.portal-logout-btn:hover{color:#b91c1c;background:#fee2e2}.portal-logout-btn:active{box-shadow:inset 2px 2px 4px #d5dbe4,inset -2px -2px 4px #fff}.hub-intro{text-align:center;margin-bottom:24px}.hub-title{color:#0f172a;letter-spacing:-.5px;font-size:1.6rem;font-weight:800}.hub-subtitle{color:#64748b;max-width:580px;margin-top:4px;margin-left:auto;margin-right:auto;font-size:.92rem}.bento-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;display:grid}.bento-card{cursor:pointer;background:#f0f3f8;border-radius:28px;flex-direction:column;justify-content:space-between;min-height:190px;padding:26px;transition:transform .25s,box-shadow .25s;display:flex;box-shadow:10px 10px 22px #d5dbe4,-10px -10px 22px #fff}.bento-card:hover{transform:translateY(-4px);box-shadow:14px 14px 28px #cbd4e0,-14px -14px 28px #fff}.bento-card-highlight{border-left:4px solid #10b981}.bento-card-top{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.bento-icon{background:#f0f3f8;border-radius:16px;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.8rem;display:flex;box-shadow:inset 3px 3px 6px #d5dbe4,inset -3px -3px 6px #fff}.bento-tag{color:#64748b;background:#f0f3f8;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;box-shadow:2px 2px 4px #d5dbe4,-2px -2px 4px #fff}.bento-title{color:#1e293b;margin-bottom:6px;font-size:1.2rem;font-weight:700}.bento-desc{color:#64748b;font-size:.88rem;line-height:1.45}.bento-card-locked{opacity:.45;filter:grayscale(.7);cursor:pointer!important;border-left:4px solid #cbd5e1!important}.bento-card-locked:hover{opacity:.62;filter:grayscale(.4);transform:translateY(-2px)}.bento-lock-badge{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:999px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.soft-module-card{background:#f0f3f8;border-radius:32px;padding:30px;box-shadow:14px 14px 28px #d5dbe4,-14px -14px 28px #fff}.module-section-title{color:#1e293b;margin-bottom:4px;font-size:1.45rem;font-weight:800}.module-section-subtitle{color:#64748b;margin-bottom:22px;font-size:.9rem}.module-card-title{color:#1e293b;font-size:1.2rem;font-weight:700}.attendance-form-grid{flex-direction:column;gap:16px;max-width:580px;margin:0 auto;display:flex}.duration-preview-card{color:#475569;background:#f0f3f8;border-radius:18px;justify-content:space-between;align-items:center;padding:14px 20px;font-size:.95rem;display:flex;box-shadow:inset 3px 3px 6px #d5dbe4,inset -3px -3px 6px #fff}.duration-preview-card strong{color:#059669;font-size:1.15rem}.soft-primary-btn-green{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:20px;width:100%;margin-top:4px;padding:14px;font-size:1rem;font-weight:600;transition:all .2s;box-shadow:6px 6px 14px #10b98159,-4px -4px 10px #fff}.soft-primary-btn-green:hover{transform:translateY(-2px)}.soft-primary-btn-green:disabled{box-shadow:none;cursor:not-allowed;background:#94a3b8}.table-header-flex{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.soft-table-scroll{overflow-x:auto}.soft-clean-table{border-collapse:collapse;text-align:left;width:100%;font-size:.92rem}.soft-clean-table th{color:#64748b;border-bottom:2px solid #e2e8f0;padding:14px 12px;font-weight:600}.soft-clean-table td{border-bottom:1px solid #e2e8f0;padding:14px 12px}.soft-worker-tag{color:#0369a1;background:#e0f2fe;border-radius:8px;padding:4px 10px;font-size:.8rem;font-weight:600}.soft-duration-badge{color:#065f46;background:#ecfdf5;border-radius:8px;padding:4px 10px;font-size:.82rem;font-weight:700}.table-actions-inline{justify-content:center;align-items:center;gap:8px;display:inline-flex}.entry-action-btn{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f0f3f8;border:none;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:.88rem;transition:all .2s;display:inline-flex;box-shadow:3px 3px 6px #d5dbe4,-3px -3px 6px #fff}.entry-action-btn:hover{transform:translateY(-1px)}.entry-action-btn:active{box-shadow:inset 2px 2px 4px #d5dbe4,inset -2px -2px 4px #fff}.entry-action-btn.edit-btn:hover{color:#0284c7;box-shadow:4px 4px 8px #cbd4e0,-4px -4px 8px #fff}.entry-action-btn.delete-btn{color:#ef4444;font-weight:800}.entry-action-btn.delete-btn:hover{color:#dc2626;background:#fef2f2}.report-period-filter-card{background:#f0f3f8;border-radius:20px;margin-top:10px;margin-bottom:14px;padding:14px 16px;box-shadow:inset 2px 2px 5px #d5dbe4,inset -2px -2px 5px #fff}.period-inputs-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.period-date-field{flex-direction:column;flex:1;gap:4px;min-width:140px;display:flex}.period-search-field{flex-direction:column;flex:2;gap:4px;min-width:180px;display:flex}.period-label{color:#64748b;text-transform:uppercase;letter-spacing:.4px;margin-left:4px;font-size:.74rem;font-weight:700}.period-clear-action{align-items:flex-end;display:flex}.subnav-back-chip.clear-btn{color:#ef4444;height:42px;padding:10px 14px;font-size:.8rem}.subnav-back-chip.clear-btn:hover{color:#dc2626;background:#fee2e2}.report-table-meta-row{justify-content:flex-start;align-items:center;margin-bottom:8px;padding:2px 4px;display:flex}.report-meta-badge{color:#64748b;background:#f0f3f8;border-radius:10px;padding:4px 10px;font-size:.78rem;box-shadow:2px 2px 4px #d5dbe4,-2px -2px 4px #fff}.report-meta-badge strong{color:#1e293b}.report-filters-bar{flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px;display:flex}.routes-header-center{text-align:center;margin-bottom:22px}.routes-centered-title{color:#0f172a;letter-spacing:-.3px;font-size:1.35rem;font-weight:800}.route-search-wrap{background:#f0f3f8;border-radius:18px;align-items:center;width:100%;max-width:440px;margin-bottom:24px;margin-left:auto;margin-right:auto;padding:4px 16px;display:flex;position:relative;box-shadow:inset 4px 4px 8px #d5dbe4,inset -4px -4px 8px #fff}.route-search-wrap .search-icon{opacity:.6;margin-right:8px;font-size:1.1rem}.route-search-input{color:#1e293b;background:0 0;border:none;outline:none;width:100%;padding:12px 0;font-size:.95rem}.route-search-clear{color:#94a3b8;cursor:pointer;background:0 0;border:none;padding:4px;font-size:1rem}.route-search-clear:hover{color:#475569}.infinite-deck-stage{flex-direction:column;align-items:center;width:100%;margin:0 auto;display:flex}.deck-controls-bar{justify-content:space-between;align-items:center;width:100%;max-width:440px;margin-bottom:20px;padding:0 4px;display:flex}.deck-nav-btn{color:#2563eb;cursor:pointer;background:#f0f3f8;border:none;border-radius:14px;padding:8px 18px;font-size:.88rem;font-weight:700;transition:all .2s;box-shadow:4px 4px 8px #d5dbe4,-4px -4px 8px #fff}.deck-nav-btn:hover{transform:translateY(-1px);box-shadow:6px 6px 12px #cbd4e0,-4px -4px 8px #fff}.deck-nav-btn:active{box-shadow:inset 2px 2px 4px #d5dbe4,inset -2px -2px 4px #fff}.deck-indicator-pill{color:#64748b;background:#f0f3f8;border-radius:999px;padding:6px 16px;font-size:.85rem;box-shadow:inset 2px 2px 4px #d5dbe4,inset -2px -2px 4px #fff}.infinite-stack-container{perspective:1200px;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:pan-y;width:100%;max-width:440px;height:500px;position:relative}.infinite-stack-container:active{cursor:grabbing}.infinite-card-layer{-webkit-backdrop-filter:blur(14px);pointer-events:none;background:#f0f3f8d9;border:1px solid #ffffffb3;border-radius:36px;justify-content:center;align-items:flex-end;width:100%;height:100%;padding-bottom:20px;transition:transform .35s cubic-bezier(.25,.8,.25,1),opacity .35s;display:flex;position:absolute;top:0;left:0;box-shadow:16px 16px 32px #d5dbe4,-16px -16px 32px #fff}.infinite-layer-1{opacity:.85;z-index:1;transform:translateY(16px)scale(.95)}.infinite-layer-2{opacity:.55;z-index:0;transform:translateY(32px)scale(.9)}.layer-preview-content{color:#94a3b8;opacity:.8;font-size:.88rem;font-weight:700}.infinite-active-card{z-index:2;will-change:transform;width:100%;height:100%;transition:transform .25s cubic-bezier(.25,.8,.25,1);position:absolute;top:0;left:0}.infinite-active-card.is-dragging{transition:none}.infinite-stack-container.sliding-next .infinite-active-card{animation:.52s cubic-bezier(.4,0,.2,1) forwards slideUnderNextSmooth}.infinite-stack-container.sliding-prev .infinite-active-card{animation:.52s cubic-bezier(.4,0,.2,1) forwards slideUnderPrevSmooth}.infinite-stack-container.sliding-next .infinite-layer-1,.infinite-stack-container.sliding-prev .infinite-layer-1{animation:.52s cubic-bezier(.4,0,.2,1) forwards promoteLayer1}.infinite-stack-container.sliding-next .infinite-layer-2,.infinite-stack-container.sliding-prev .infinite-layer-2{animation:.52s cubic-bezier(.4,0,.2,1) forwards promoteLayer2}@keyframes slideUnderNextSmooth{0%{transform:translate3d(var(--drag-start-x,0px), 0, 0) rotate(var(--drag-start-rot,0deg));z-index:10;opacity:1}42%{z-index:10;opacity:.85;transform:translate(120%,14px)rotate(14deg)}50%{z-index:0;opacity:.6;transform:translate(120%,14px)rotate(14deg)}to{z-index:0;opacity:.5;transform:translateY(32px)scale(.9)rotate(0)}}@keyframes slideUnderPrevSmooth{0%{transform:translate3d(var(--drag-start-x,0px), 0, 0) rotate(var(--drag-start-rot,0deg));z-index:10;opacity:1}42%{z-index:10;opacity:.85;transform:translate(-120%,14px)rotate(-14deg)}50%{z-index:0;opacity:.6;transform:translate(-120%,14px)rotate(-14deg)}to{z-index:0;opacity:.5;transform:translateY(32px)scale(.9)rotate(0)}}@keyframes promoteLayer1{0%{opacity:.85;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes promoteLayer2{0%{opacity:.55;transform:translateY(32px)scale(.9)}to{opacity:.85;transform:translateY(16px)scale(.95)}}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.34,1.56,.64,1);position:relative}.flip-card-inner.is-flipped{transform:rotateY(180deg)}.flip-card-face{backface-visibility:hidden;background:#f0f3f8;border:1px solid #fffc;border-radius:36px;flex-direction:column;justify-content:space-between;width:100%;height:100%;padding:30px 24px;display:flex;position:absolute;top:0;left:0;box-shadow:16px 16px 36px #d5dbe4,-16px -16px 36px #fff}.flip-card-front{border-left:5px solid #2563eb;transform:rotateY(0)}.card-standard-header{text-align:center;flex-direction:column;align-items:center;margin-top:4px;display:flex}.card-front-avatar{background:#f0f3f8;border-radius:22px;justify-content:center;align-items:center;width:66px;height:66px;margin-bottom:12px;font-size:2.2rem;display:flex;box-shadow:inset 3px 3px 6px #d5dbe4,inset -3px -3px 6px #fff}.card-front-label{text-transform:uppercase;letter-spacing:1px;color:#2563eb;margin-bottom:4px;font-size:.75rem;font-weight:700}.card-front-title-centered{color:#0f172a;letter-spacing:-.5px;word-break:break-word;max-width:90%;margin-bottom:4px;font-size:1.6rem;font-weight:800}.card-front-address-centered{color:#64748b;max-width:90%;margin-top:2px;font-size:.88rem;line-height:1.35}.card-front-actions{width:100%;margin:14px 0}.card-front-maps-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0284c7 0%,#0369a1 100%);border:none;border-radius:20px;justify-content:center;align-items:center;gap:10px;width:100%;padding:16px;font-size:1rem;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:6px 6px 14px #0284c759,-4px -4px 10px #fff}.card-front-maps-btn:hover{transform:translateY(-2px);box-shadow:8px 8px 18px #0284c773,-4px -4px 10px #fff}.card-front-flip-trigger{width:100%}.flip-trigger-btn{color:#334155;cursor:pointer;background:#f0f3f8;border:none;border-radius:18px;justify-content:space-between;align-items:center;width:100%;padding:14px 20px;font-size:.9rem;font-weight:700;transition:all .2s;display:flex;box-shadow:inset 3px 3px 6px #d5dbe4,inset -3px -3px 6px #fff}.flip-trigger-btn:hover{color:#2563eb}.flip-icon-spin{color:#2563eb;font-size:1.3rem}.swipe-hint-indicator{text-align:center;color:#94a3b8;letter-spacing:.4px;font-size:.76rem;font-weight:600}.flip-card-back{border-left:5px solid #10b981;transform:rotateY(180deg)}.card-back-header{border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;padding-bottom:12px;display:flex}.card-back-sub{color:#10b981;text-transform:uppercase;letter-spacing:1px;font-size:.75rem;font-weight:700}.card-back-title{color:#0f172a;font-size:1.3rem;font-weight:800}.card-back-close-btn{color:#64748b;cursor:pointer;background:#f0f3f8;border:none;border-radius:12px;padding:6px 14px;font-size:.85rem;font-weight:700;box-shadow:3px 3px 6px #d5dbe4,-3px -3px 6px #fff}.card-back-secrets-list{flex-direction:column;gap:12px;margin:16px 0;display:flex}.back-secret-row{background:#f0f3f8;border-radius:16px;flex-direction:column;gap:4px;padding:12px 14px;display:flex;box-shadow:inset 2px 2px 4px #d5dbe4,inset -2px -2px 4px #fff}.back-secret-meta{justify-content:space-between;align-items:center;display:flex}.secret-tag-title{color:#475569;font-size:.8rem;font-weight:700}.secret-visibility-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;font-size:.78rem;font-weight:700}.secret-plate-box{text-align:center;background:#fff;border-radius:8px;padding:8px 12px;box-shadow:0 1px 3px #0000000a}.secret-revealed{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem;font-weight:700}.secret-masked{color:#94a3b8;letter-spacing:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1rem}.card-back-flip-return-btn{color:#2563eb;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;padding:10px;font-size:.88rem;font-weight:700}.advanced-subhub-wrapper{flex-direction:column;display:flex}.advanced-header-center{text-align:center;margin-bottom:22px}.advanced-title{color:#0f172a;letter-spacing:-.4px;font-size:1.45rem;font-weight:800}.advanced-subtitle{color:#64748b;max-width:480px;margin-top:4px;margin-left:auto;margin-right:auto;font-size:.88rem;line-height:1.4}.advanced-subnav-row{border-bottom:1px solid #e2e8f0;align-items:center;gap:14px;padding-bottom:12px;display:flex}.subnav-back-chip{color:#2563eb;cursor:pointer;background:#f0f3f8;border:none;border-radius:12px;padding:8px 16px;font-size:.85rem;font-weight:700;transition:all .2s;box-shadow:3px 3px 6px #d5dbe4,-3px -3px 6px #fff}.subnav-back-chip:hover{color:#1d4ed8;transform:translateY(-1px);box-shadow:4px 4px 8px #cbd4e0,-4px -4px 8px #fff}.subnav-current-title{color:#0f172a;font-size:1.15rem;font-weight:800}.soft-add-house-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border:none;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;min-width:78px;padding:6px 18px;transition:all .2s;display:flex;box-shadow:4px 4px 10px #10b98159,-2px -2px 6px #fff}.soft-add-house-btn:hover{transform:translateY(-2px);box-shadow:6px 6px 14px #10b98173,-2px -2px 6px #fff}.add-btn-plus{font-size:1.3rem;font-weight:800;line-height:1}.add-btn-text{letter-spacing:.3px;margin-top:1px;font-size:.74rem;font-weight:700}.house-management-card{background:#f0f3f8;border-left:4px solid #0284c7;border-radius:20px;flex-direction:column;gap:12px;padding:16px 18px;display:flex;box-shadow:6px 6px 14px #d5dbe4,-6px -6px 14px #fff}.house-card-top-info{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.house-title-block{flex-direction:column;gap:3px;display:flex}.house-name-title{color:#1e293b;font-size:1.1rem;font-weight:800}.house-num-subtitle{color:#64748b;font-size:.82rem}.house-actions-group{align-items:center;gap:8px;display:flex}.house-edit-btn,.house-delete-btn{cursor:pointer;background:#f0f3f8;border:none;border-radius:10px;font-weight:700;transition:all .2s;box-shadow:2px 2px 4px #d5dbe4,-2px -2px 4px #fff}.house-edit-btn{color:#2563eb;padding:6px 12px;font-size:.8rem}.house-edit-btn:hover{color:#1d4ed8;transform:translateY(-1px)}.house-delete-btn{color:#ef4444;padding:6px 10px;font-size:.9rem}.house-delete-btn:hover{color:#b91c1c;transform:translateY(-1px)}.house-chips-row{flex-wrap:wrap;gap:6px;display:flex}.house-spec-chip{color:#475569;background:#fff;border-radius:8px;padding:4px 10px;font-size:.75rem;font-weight:600;box-shadow:inset 1px 1px 2px #0000000d}.chip-debit{color:#b91c1c;background:#fef2f2}.chip-credit{color:#047857;background:#ecfdf5}.house-routes-row{background:#f0f3f8;border-radius:12px;flex-direction:column;gap:4px;padding:6px 10px;display:flex;box-shadow:inset 1px 1px 3px #d5dbe4,inset -1px -1px 3px #fff}.house-routes-label{color:#64748b;text-transform:uppercase;font-size:.72rem;font-weight:700}.house-route-chip{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:8px;padding:3px 8px;font-size:.76rem;font-weight:700}.operator-subtabs-container{background:#f0f3f8;border-radius:16px;gap:4px;padding:4px;display:flex;box-shadow:inset 3px 3px 6px #d5dbe4,inset -3px -3px 6px #fff}.operator-subtab-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:700;transition:all .2s;display:flex}.operator-subtab-btn.active{color:#2563eb;background:#f0f3f8;box-shadow:3px 3px 6px #d5dbe4,-3px -3px 6px #fff}.operator-active-control-box{background:#f0f3f8;border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex;box-shadow:inset 2px 2px 4px #d5dbe4,inset -2px -2px 4px #fff}.status-toggle-btn{cursor:pointer;border:none;border-radius:12px;padding:8px 16px;font-size:.82rem;font-weight:700;transition:all .2s;box-shadow:2px 2px 4px #d5dbe4,-2px -2px 4px #fff}.status-toggle-btn.btn-deactivate{color:#b91c1c;background:#fef2f2}.status-toggle-btn.btn-activate{color:#047857;background:#ecfdf5}.active-users-list{flex-direction:column;gap:12px;display:flex}.user-management-card{background:#f0f3f8;border-radius:20px;transition:all .2s;overflow:hidden;box-shadow:6px 6px 14px #d5dbe4,-6px -6px 14px #fff}.user-management-card.selected{border-left:4px solid #2563eb}.user-management-header{cursor:pointer;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.user-permissions-panel{background:#e9eef5;border-top:1px solid #e2e8f0;padding:16px 20px 20px}.permissions-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px;margin-bottom:16px;display:grid}.permission-toggle{color:#475569;cursor:pointer;background:#f0f3f8;border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;font-weight:600;display:flex;box-shadow:inset 2px 2px 4px #d5dbe4,inset -2px -2px 4px #fff}.system-overview-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.system-stat-card{text-align:center;background:#f0f3f8;border-radius:24px;flex-direction:column;align-items:center;padding:22px 16px;display:flex;box-shadow:inset 3px 3px 6px #d5dbe4,inset -3px -3px 6px #fff}.stat-icon{margin-bottom:8px;font-size:2rem}.stat-val{color:#0f172a;font-size:1.8rem;font-weight:800}.stat-label{color:#64748b;margin-top:4px;font-size:.85rem;font-weight:600}.soft-modal-overlay{-webkit-backdrop-filter:blur(5px);z-index:2000;background:#0f172a73;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.soft-modal-card{background:#f0f3f8;border-radius:32px;width:100%;max-width:480px;max-height:90vh;padding:30px;overflow-y:auto;box-shadow:16px 16px 36px #00000040,-8px -8px 24px #fff}.modal-title{color:#1e293b;text-align:center;margin-bottom:6px;font-size:1.35rem;font-weight:800}.modal-desc-sub{color:#64748b;text-align:center;margin-bottom:16px;font-size:.85rem}.modal-actions-row{justify-content:flex-end;align-items:center;gap:12px;margin-top:22px;display:flex}.soft-modal-cancel-btn{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:12px;padding:10px 16px;font-size:.9rem;font-weight:600}.soft-modal-cancel-btn:hover{color:#1e293b}.soft-modal-confirm-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#d97706 0%,#b45309 100%);border:none;border-radius:14px;padding:10px 20px;font-size:.9rem;font-weight:600;transition:all .2s;box-shadow:4px 4px 10px #b4530959,-2px -2px 6px #fff}.blocked-modal-icon{margin-bottom:4px;font-size:2.8rem}.blocked-modal-message{color:#1e293b;margin-top:6px;font-size:1.05rem;font-weight:800;line-height:1.4}.delete-selected-card{text-align:center;border-radius:18px;flex-direction:column;align-items:center;gap:6px;margin-top:12px;padding:14px 16px;display:flex;box-shadow:inset 1px 1px 3px #f43f5e14,0 2px 8px #e11d480f;background:#fff1f2!important;border:1.5px solid #fecdd3!important}.delete-selected-badge{align-items:center;display:inline-flex}.delete-selected-badge span{color:#b91c1c;text-transform:uppercase;letter-spacing:.5px;font-size:.74rem;font-weight:800}.delete-selected-name{color:#9f1239;margin:0;font-size:1.25rem;font-weight:800}.delete-selected-pills-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.delete-pill-item{color:#881337;background:#ffffffd9;border:1px solid #fecdd3;border-radius:10px;padding:4px 10px;font-size:.8rem}.delete-day-section{flex-direction:column;gap:6px;margin-top:10px;display:flex}.delete-day-helper-text{color:#64748b;margin:0 0 2px;font-size:.82rem;line-height:1.35}.delete-day-box-card.is-unselected{cursor:pointer;-webkit-user-select:none;user-select:none;background:#f0f3f8;border:1.5px solid #0000;border-radius:16px;align-items:center;gap:14px;padding:12px 16px;transition:all .25s;display:flex;box-shadow:inset 2px 2px 4px #d5dbe4,inset -2px -2px 4px #fff}.delete-day-box-card.is-unselected .delete-day-title{color:#334155;font-size:.86rem;font-weight:700}.delete-day-box-card.is-unselected .delete-day-date{color:#64748b;font-size:.78rem}.delete-day-box-card.is-selected{cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff1f2;border:1.5px solid #ef4444;border-radius:16px;align-items:center;gap:14px;padding:12px 16px;transition:all .25s;display:flex;box-shadow:2px 2px 8px #ef444426,-2px -2px 8px #fff}.delete-day-box-card.is-selected .delete-day-title{color:#991b1b;font-size:.86rem;font-weight:800}.delete-day-box-card.is-selected .delete-day-date{color:#b91c1c;font-size:.78rem}.delete-day-checkbox{accent-color:#dc2626;cursor:pointer;flex-shrink:0;width:20px;height:20px}.delete-day-info{flex-direction:column;gap:2px;display:flex}.soft-placeholder-box{text-align:center;background:#f0f3f8;border-radius:20px;padding:40px 20px;box-shadow:inset 4px 4px 8px #d5dbe4,inset -4px -4px 8px #fff}.soft-placeholder-box span{margin-bottom:10px;font-size:2.5rem;display:block}.soft-placeholder-box h4{color:#1e293b;margin-bottom:4px;font-size:1.1rem}.soft-placeholder-box p{color:#64748b;max-width:400px;margin:0 auto;font-size:.85rem}.soft-center-screen{background-color:#f0f3f8;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.soft-spinner-bubble{background:#f0f3f8;border-radius:50%;width:50px;height:50px;animation:1.4s ease-in-out infinite bubblePulse;box-shadow:6px 6px 12px #d5dbe4,-6px -6px 12px #fff}@keyframes bubblePulse{0%,to{transform:scale(.9)}50%{transform:scale(1.1);box-shadow:8px 8px 16px #cbd4e0,-8px -8px 16px #fff}}.soft-text-muted{color:#64748b;font-size:.9rem}.portal-footer{justify-content:center;margin-top:auto;padding-top:40px;display:flex}.dev-footer-wrapper{justify-content:center;align-items:center;transition:transform .25s;display:flex}.dev-footer-wrapper:hover{transform:translateY(-2px)}.kodo-footer-svg{width:100%;max-width:180px;height:auto;display:block}@media (width>=1024px){.app-portal-wrapper{padding:0 28px 60px}.bento-grid{grid-template-columns:repeat(3,1fr);gap:26px}}@media (width<=768px){.app-portal-wrapper{padding:0 12px 40px}.bento-grid{grid-template-columns:1fr;gap:16px}.soft-module-card{border-radius:24px;padding:22px 16px}.system-overview-grid{grid-template-columns:1fr}.period-inputs-row{flex-direction:column;align-items:stretch}.period-date-field,.period-search-field{width:100%;min-width:100%}.subnav-back-chip.clear-btn{justify-content:center;width:100%}}@media (width<=480px){.portal-header-sticky{gap:6px;padding:8px 10px}.portal-home-btn{padding:7px 10px;font-size:.8rem}.portal-refresh-btn{gap:4px;padding:7px 10px;font-size:.78rem}.portal-logout-btn{padding:7px 11px;font-size:.78rem}.greeting-line-user{max-width:85px;font-size:.84rem}.infinite-stack-container{height:460px}.card-front-title-centered{font-size:1.25rem}}.payslip-receipt-card{background:#fff;border:1px dashed #cbd5e1;border-radius:20px;flex-direction:column;gap:12px;max-width:500px;margin:0 auto;padding:24px;display:flex;box-shadow:6px 6px 14px #0000000f,-6px -6px 14px #fffc}.receipt-row{border-bottom:1px solid #f1f5f9;justify-content:space-between;align-items:center;padding-bottom:10px;display:flex}.receipt-label{color:#475569;font-size:.88rem;font-weight:600}.receipt-value-positive{color:#059669;font-size:.95rem;font-weight:800}.receipt-value-negative{color:#dc2626;font-size:.95rem;font-weight:800}.receipt-total-row{border-top:2px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:4px;padding-top:12px;display:flex}.receipt-total-label{color:#1e293b;text-transform:uppercase;font-size:1.1rem;font-weight:800}.receipt-total-val{color:#2563eb;font-size:1.35rem;font-weight:800}.global-refresh-overlay{-webkit-backdrop-filter:blur(8px);z-index:9999;color:#fff;background:#0f172ab3;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.refresh-overlay-title{letter-spacing:.5px;margin-top:24px;font-size:1.6rem;font-weight:800}.refresh-overlay-text{color:#cbd5e1;margin-top:8px;font-size:1rem}.license-locked-wrapper{opacity:.4;filter:grayscale(.9);pointer-events:none;-webkit-user-select:none;user-select:none;transition:all .3s}