:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f6f2;--surface:#fff;--surface-subtle:#e9efe9;--surface-strong:#dce7df;--text:#152019;--text-muted:#647069;--border:#d9e1da;--primary:#176c4a;--primary-hover:#0f5a3c;--primary-soft:#d9eee3;--on-primary:#fff;--success:#197447;--warning:#9a5b08;--danger:#b33a35;--focus:#0d7d55;--shadow:0 10px 32px #1d332614;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--nav-height:72px;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0f1512;--surface:#171f1a;--surface-subtle:#202a24;--surface-strong:#2b3930;--text:#eef5f0;--text-muted:#a5b2aa;--border:#303c34;--primary:#68d5a1;--primary-hover:#82e2b5;--primary-soft:#183c2c;--on-primary:#092116;--success:#6cdaa5;--warning:#f2bd68;--danger:#ff8f88;--focus:#86e7bb;--shadow:0 12px 36px #00000042}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;min-width:320px}body{background:var(--bg);min-width:320px;min-height:100vh;color:var(--text);margin:0}button,input,select,textarea{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid color-mix(in srgb, var(--focus) 44%, transparent);outline-offset:2px}button{cursor:pointer}h1,h2,h3,p{margin:0}h1{letter-spacing:-.035em;font-size:clamp(1.65rem,4.5vw,2.4rem);line-height:1.08}h2{letter-spacing:-.02em;font-size:clamp(1.2rem,3vw,1.55rem);line-height:1.18}h3{font-size:1rem;line-height:1.3}.app{min-height:100dvh}.app-layout{min-height:100dvh;padding-bottom:calc(var(--nav-height) + env(safe-area-inset-bottom))}.content{width:min(100%,1240px);margin:0 auto;padding:18px 16px 32px}.page{gap:18px;animation:.18s ease-out page-in;display:grid}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.eyebrow{color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:5px;font-size:.78rem;font-weight:750}.muted{color:var(--text-muted)}.small{font-size:.84rem}.stack{gap:12px;display:grid}.row{align-items:center;gap:10px;display:flex}.row-between{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid{gap:14px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);min-width:0;box-shadow:var(--shadow)}.card-body{padding:16px}.card-flat{box-shadow:none}.hero-card{border-radius:var(--radius-lg);background:var(--primary);color:var(--on-primary);padding:20px;position:relative;overflow:hidden}.hero-card:after{border:28px solid color-mix(in srgb, var(--on-primary) 10%, transparent);content:"";border-radius:50%;width:170px;height:170px;position:absolute;bottom:-58px;right:-42px}.hero-label{z-index:1;color:color-mix(in srgb, var(--on-primary) 78%, transparent);font-size:.85rem;position:relative}.hero-value{z-index:1;letter-spacing:-.055em;margin-top:6px;font-size:clamp(1.9rem,8vw,3.15rem);font-weight:800;line-height:1;position:relative}.hero-meta{z-index:1;flex-wrap:wrap;gap:9px 16px;margin-top:18px;font-size:.86rem;display:flex;position:relative}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric{padding:15px}.metric-label{color:var(--text-muted);font-size:.78rem}.metric-value{letter-spacing:-.02em;margin-top:6px;font-size:1.18rem;font-weight:750}.progress{background:var(--surface-strong);border-radius:999px;height:10px;position:relative;overflow:hidden}.progress-bar{border-radius:inherit;background:var(--primary);height:100%;transition:width .25s}.progress-marker{background:var(--text-muted);opacity:.55;width:2px;height:16px;position:absolute;top:-3px}.employee-list{gap:10px;display:grid}.employee-card{grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;padding:14px;display:grid}.avatar{background:var(--primary-soft);width:44px;height:44px;color:var(--primary);border-radius:14px;place-items:center;font-weight:800;display:grid}.employee-name{text-overflow:ellipsis;white-space:nowrap;font-weight:720;overflow:hidden}.money{font-variant-numeric:tabular-nums;white-space:nowrap;font-weight:750}.pill,.status{border:1px solid var(--border);background:var(--surface-subtle);min-height:28px;color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:4px 9px;font-size:.76rem;font-weight:650;display:inline-flex}.status-success{border-color:color-mix(in srgb, var(--success) 35%, var(--border));color:var(--success)}.status-warning{border-color:color-mix(in srgb, var(--warning) 35%, var(--border));color:var(--warning)}.status-danger{border-color:color-mix(in srgb, var(--danger) 35%, var(--border));color:var(--danger)}.button{border-radius:var(--radius-sm);background:var(--primary);min-height:44px;color:var(--on-primary);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:9px 14px;font-weight:720;text-decoration:none;display:inline-flex}.button:hover{background:var(--primary-hover)}.button-secondary{border-color:var(--border);background:var(--surface);color:var(--text)}.button-secondary:hover{background:var(--surface-subtle)}.button-ghost{color:var(--primary);background:0 0}.icon-button{border:1px solid var(--border);background:var(--surface);width:44px;height:44px;color:var(--text);border-radius:13px;flex:0 0 44px;place-items:center;padding:0;display:inline-grid}.field{gap:6px;display:grid}.field label{color:var(--text-muted);font-size:.82rem;font-weight:650}.input,.select{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);width:100%;min-height:48px;color:var(--text);padding:10px 12px}.input[aria-invalid=true]{border-color:var(--danger)}.field-error{color:var(--danger);font-size:.78rem}.segmented{background:var(--surface-subtle);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;padding:3px;display:grid}.segment{min-height:40px;color:var(--text-muted);background:0 0;border:0;border-radius:9px;padding:7px 9px;font-weight:650}.segment-active{background:var(--surface);color:var(--text)}.counter{border:1px solid var(--border);border-radius:12px;grid-template-columns:44px minmax(42px,1fr) 44px;align-items:center;display:grid;overflow:hidden}.counter button{background:var(--surface-subtle);width:44px;height:44px;color:var(--text);border:0}.counter output{text-align:center;font-variant-numeric:tabular-nums;font-weight:750}.product-row{border-bottom:1px solid var(--border);grid-template-columns:minmax(0,1fr) minmax(132px,176px);align-items:center;gap:12px;padding:12px 0;display:grid}.product-row:last-child{border-bottom:0}.sticky-summary{z-index:5;bottom:calc(var(--nav-height) + env(safe-area-inset-bottom) + 8px);border:1px solid var(--border);border-radius:var(--radius-md);background:color-mix(in srgb, var(--surface) 92%, transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:12px;position:sticky}.bottom-nav{z-index:20;height:calc(var(--nav-height) + env(safe-area-inset-bottom));padding:6px 8px env(safe-area-inset-bottom);border-top:1px solid var(--border);background:color-mix(in srgb, var(--surface) 94%, transparent);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);grid-template-columns:repeat(4,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav-item{min-width:0;color:var(--text-muted);background:0 0;border:0;border-radius:12px;align-content:center;place-items:center;gap:3px;font-size:.7rem;font-weight:650;text-decoration:none;display:grid}.nav-item-active{background:var(--primary-soft);color:var(--primary)}.side-nav{display:none}.topbar{z-index:15;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.topbar-inner{justify-content:space-between;align-items:center;gap:12px;width:min(100%,1240px);min-height:64px;margin:0 auto;padding:8px 16px;display:flex}.brand{align-items:center;gap:10px;min-width:0;display:flex}.brand-mark{background:var(--primary);width:36px;height:36px;color:var(--on-primary);border-radius:12px;flex:0 0 36px;place-items:center;display:grid}.brand-title{text-overflow:ellipsis;white-space:nowrap;font-weight:780;overflow:hidden}.notice{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-subtle);align-items:flex-start;gap:10px;padding:12px;display:flex}.notice-warning{border-color:color-mix(in srgb, var(--warning) 32%, var(--border))}.sync-list{gap:9px;display:grid}.sync-item{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:11px 0;display:flex}.sync-item:last-child{border-bottom:0}.auth-shell{place-items:center;min-height:100dvh;padding:20px;display:grid}.auth-card{width:min(100%,440px);padding:24px}.empty-state{text-align:center;place-items:center;min-height:260px;padding:32px 18px;display:grid}.desktop-only{display:none}@keyframes page-in{0%{opacity:0;transform:translateY(4px)}}@media (width>=720px){.content{padding:26px 28px 48px}.dashboard-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.8fr)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.employee-list,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.desktop-only{display:initial}}@media (width>=1024px){.app-layout{padding-bottom:0;padding-left:248px}.topbar{margin-left:248px}.bottom-nav{display:none}.side-nav{z-index:20;border-right:1px solid var(--border);background:var(--surface);flex-direction:column;gap:8px;width:248px;padding:20px 14px;display:flex;position:fixed;top:0;bottom:0;left:0}.side-nav .brand{margin-bottom:22px;padding:0 8px}.side-nav .nav-item{justify-content:flex-start;gap:12px;min-height:48px;padding:0 14px;font-size:.9rem;display:flex}.topbar-inner{padding-inline:30px}.content{padding-inline:32px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}