@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{--font-display: "Outfit", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--forest: #14302a;--jade: #1f4d3a;--mint: #3ecf8e;--mint-mid: #2aab72;--mint-dim: #1d8a5a;--cream: #f5f0e8;--sand: #e0d8cc;--chalk: #faf8f4;--charcoal: #181c18;--fog: #6b7566;--fog-lt: #a8a49e;--emp: #3ecf8e;--emp-bg: #e8f8f2;--emp-dark: #1f4d3a;--emp-text: #1f4d3a;--pyme: #f5a623;--pyme-bg: #fff8ec;--pyme-dark: #7a4a0a;--pyme-text: #7a4a0a;--joven: #7c5cbf;--joven-bg: #f0ecfb;--joven-dark: #2d1f50;--joven-text: #2d1f50;--tram: #3b82f6;--tram-bg: #eff4ff;--tram-dark: #1a3050;--tram-text: #1a3050;--bg-app: var(--chalk);--bg-surface: #ffffff;--bg-surface2: var(--cream);--bg-header: var(--forest);--bg-header2: var(--jade);--text-primary: var(--charcoal);--text-secondary: var(--fog);--text-tertiary: var(--fog-lt);--text-inverse: #ffffff;--text-accent: var(--mint-mid);--text-on-header: rgba(255,255,255,.55);--border: var(--sand);--border-md: #ccc9c0;--border-focus: var(--mint);--shadow-sm: 0 1px 3px rgba(0,0,0,.07);--shadow-md: 0 4px 16px rgba(0,0,0,.09);--shadow-lg: 0 8px 32px rgba(0,0,0,.13);--shadow-focus: 0 0 0 3px rgba(62,207,142,.2);--space-2xs: 2px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--r-xs: 4px;--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 28px;--r-full: 9999px;--t-fast: .12s ease;--t-normal: .2s ease;--t-slow: .35s ease;--z-base: 1;--z-nav: 100;--z-header: 110;--z-modal: 200;--z-toast: 300;--max-width: 480px;--header-height: 100px;--nav-height: 60px}@media (prefers-color-scheme: dark){:root{--dm: 1}}:root.dark,.dark{color-scheme:dark;--bg-app: #081812;--bg-surface: #14302a;--bg-surface2: #1f4d3a;--bg-header: #060f0b;--bg-header2: #0d2219;--text-primary: #e8f0ec;--text-secondary: rgba(232,240,236,.55);--text-tertiary: rgba(232,240,236,.28);--text-inverse: #081812;--text-accent: #3ecf8e;--text-on-header: rgba(232,240,236,.45);--border: rgba(62,207,142,.1);--border-md: rgba(62,207,142,.22);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 8px 32px rgba(0,0,0,.5);--shadow-focus: 0 0 0 3px rgba(62,207,142,.15);--emp-bg: rgba(62,207,142,.12);--emp-text: #3ecf8e;--pyme-bg: rgba(245,166,35,.12);--pyme-text: #f5a623;--joven-bg: rgba(124,92,191,.15);--joven-text:#9b7fe3;--tram-bg: rgba(59,130,246,.12);--tram-text: #60a5fa}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;height:100%}body{font-family:var(--font-body);background:var(--bg-app);color:var(--text-primary);line-height:1.6;min-height:100dvh;transition:background var(--t-normal),color var(--t-normal);-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}.app-shell{max-width:var(--max-width);margin:0 auto;width:100%;min-height:100dvh;display:flex;flex-direction:column;position:relative}.app-header{background:var(--bg-header);padding:var(--space-xl) var(--space-lg) var(--space-lg);padding-top:calc(var(--space-xl) + env(safe-area-inset-top,0px));transition:background var(--t-normal);position:sticky;top:0;z-index:var(--z-header)}.app-content{flex:1;padding:var(--space-lg);overflow-y:auto;-webkit-overflow-scrolling:touch}.app-nav{background:var(--bg-surface);border-top:1px solid var(--border);position:sticky;bottom:0;z-index:var(--z-nav);padding-bottom:env(safe-area-inset-bottom,0px);transition:background var(--t-normal),border-color var(--t-normal)}.text-display{font-family:var(--font-display);font-weight:800;letter-spacing:-.03em;line-height:1.05}.text-heading-lg{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;line-height:1.15}.text-heading-md{font-family:var(--font-display);font-size:1.25rem;font-weight:600;letter-spacing:-.01em}.text-heading-sm{font-family:var(--font-display);font-size:1rem;font-weight:600}.text-result{font-family:var(--font-display);font-weight:800;color:var(--mint);letter-spacing:-.03em;line-height:1}.text-label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.text-body{font-size:.9375rem;line-height:1.65}.text-sm{font-size:.8125rem;line-height:1.55}.text-xs{font-size:.75rem;line-height:1.5}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-accent{color:var(--text-accent)}.text-mint{color:var(--mint)}.text-inverse{color:var(--text-inverse)}.logo{font-family:var(--font-display);font-size:1.5rem;font-weight:800;letter-spacing:-.05em;color:#fff;line-height:1}.logo .plus{color:var(--mint)}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:background var(--t-normal),border-color var(--t-normal),box-shadow var(--t-fast)}.card-elevated{background:var(--bg-surface2)}.card-interactive:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.card-interactive:active{transform:scale(.99)}.card-result{background:var(--bg-header);border-radius:var(--r-lg);padding:var(--space-xl);text-align:center}.card-emp{border-left:3px solid var(--emp)}.card-pyme{border-left:3px solid var(--pyme)}.card-joven{border-left:3px solid var(--joven)}.card-tram{border-left:3px solid var(--tram)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:13px var(--space-lg);border-radius:var(--r-md);border:none;font-family:var(--font-body);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--t-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.98)}.btn-full{width:100%}.btn-primary{background:var(--mint);color:var(--forest)}.btn-primary:hover{background:var(--mint-mid)}.btn-secondary{background:var(--bg-surface2);color:var(--text-primary);border:1px solid var(--border-md)}.btn-secondary:hover{border-color:var(--mint)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border)}.btn-ghost:hover{background:var(--bg-surface2)}.btn-danger{background:transparent;color:#e05252;border:1px solid rgba(224,82,82,.3)}.btn-lock{background:var(--bg-surface2);color:var(--text-tertiary);cursor:not-allowed;opacity:.8}.btn-sm{padding:8px 14px;font-size:.8125rem;border-radius:var(--r-sm)}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.6875rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.field-row.col3{grid-template-columns:1fr 1fr 1fr}input:not([type=checkbox]):not([type=radio]):not([type=file]):not([type=submit]):not([type=button]),select,textarea{background:var(--bg-surface2);border:1.5px solid var(--border);border-radius:var(--r-sm);padding:12px var(--space-md);font-family:var(--font-body);font-size:1rem;color:var(--text-primary);transition:border-color var(--t-fast),background var(--t-fast),box-shadow var(--t-fast);outline:none;width:100%;-webkit-appearance:none;box-sizing:border-box}input:focus,select:focus,textarea:focus{border-color:var(--border-focus);background:var(--bg-surface);box-shadow:var(--shadow-focus)}input::placeholder,textarea::placeholder{color:var(--text-tertiary)}select{cursor:pointer}.dark input:-webkit-autofill,.dark input:-webkit-autofill:hover,.dark input:-webkit-autofill:focus,.dark select:-webkit-autofill{-webkit-box-shadow:0 0 0px 1000px var(--bg-surface2) inset!important;-webkit-text-fill-color:var(--text-primary)!important;caret-color:var(--text-primary)}.result-row{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border)}.result-row:last-child{border-bottom:none}.result-row-label{font-size:.875rem;color:var(--text-secondary)}.result-row-value{font-size:.9375rem;font-weight:600;color:var(--text-primary)}.result-total{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);background:var(--bg-header);border-radius:var(--r-md);margin-top:var(--space-md)}.result-total-label{font-size:.875rem;font-weight:600;color:#ffffffb3}.result-total-value{font-family:var(--font-display);font-size:1.5rem;font-weight:800;color:var(--mint);letter-spacing:-.02em}.pill{display:inline-flex;align-items:center;gap:var(--space-xs);padding:3px 10px;border-radius:var(--r-full);font-size:.6875rem;font-weight:700;white-space:nowrap}.pill-emp{background:var(--emp-bg);color:var(--emp-text)}.pill-pyme{background:var(--pyme-bg);color:var(--pyme-text)}.pill-joven{background:var(--joven-bg);color:var(--joven-text)}.pill-tram{background:var(--tram-bg);color:var(--tram-text)}.badge-pro{display:inline-flex;align-items:center;font-size:.625rem;font-weight:700;padding:2px 7px;border-radius:var(--r-xs);background:var(--mint);color:var(--forest);letter-spacing:.05em;text-transform:uppercase}.note{padding:10px var(--space-md);border-radius:var(--r-sm);font-size:.8125rem;line-height:1.55;border-left:3px solid}.note-info{background:var(--tram-bg);color:var(--tram-text);border-color:var(--tram)}.note-warn{background:var(--pyme-bg);color:var(--pyme-text);border-color:var(--pyme)}.note-success{background:var(--emp-bg);color:var(--emp-text);border-color:var(--emp)}.nav-inner{display:flex;justify-content:space-around;padding:10px 0}.nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:4px 16px;color:var(--text-tertiary);text-decoration:none;cursor:pointer;background:none;border:none;transition:color var(--t-fast);-webkit-tap-highlight-color:transparent}.nav-item.active{color:var(--mint-mid)}.nav-item:not(.active):hover{color:var(--text-secondary)}.nav-label{font-size:.625rem;font-weight:600;font-family:var(--font-body)}.dm-toggle{width:44px;height:24px;background:#fff3;border-radius:var(--r-full);position:relative;cursor:pointer;transition:background var(--t-normal);border:none;outline:none;flex-shrink:0}.dm-toggle.on{background:var(--mint-dim)}.dm-toggle:after{content:"";position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:transform var(--t-normal);box-shadow:0 1px 3px #0003}.dm-toggle.on:after{transform:translate(20px)}.offline-banner{background:var(--pyme);color:var(--pyme-dark);padding:8px var(--space-md);text-align:center;font-size:.8125rem;font-weight:600;display:none}.offline-banner.visible{display:block}.skeleton{background:var(--bg-surface2);border-radius:var(--r-sm);position:relative;overflow:hidden}.skeleton:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.06) 50%,transparent 100%);background-size:200% 100%;animation:shimmer 1.6s infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}.grid3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:var(--space-md)}.w-full{width:100%}.text-center{text-align:center}.text-right{text-align:right}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.px-md{padding-inline:var(--space-md)}.py-md{padding-block:var(--space-md)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.divider{height:1px;background:var(--border)}.rounded-full{border-radius:var(--r-full)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-md);border-radius:2px}.app-sidebar,.sidebar-item{display:none}@media (min-width: 768px){.app-shell{max-width:1160px;height:100dvh;overflow:hidden;display:grid;grid-template-areas:"banner  banner" "header  header" "sidebar content";grid-template-columns:220px 1fr;grid-template-rows:auto auto 1fr}.offline-banner{grid-area:banner}.app-header{grid-area:header;padding:var(--space-md) var(--space-xl);padding-top:var(--space-md)}.app-nav{grid-area:sidebar;border-top:none;border-right:1px solid var(--border);position:static;overflow-y:auto;padding:var(--space-lg) var(--space-sm);padding-bottom:var(--space-lg)}.nav-inner{flex-direction:column;justify-content:flex-start;align-items:stretch;padding:0;gap:4px}.nav-item{flex-direction:row;justify-content:flex-start;gap:12px;padding:11px 14px;border-radius:var(--r-md);width:100%}.nav-item.active{background:var(--emp-bg)}.nav-item:not(.active):hover{background:var(--bg-surface2);color:var(--text-primary)}.nav-label{font-size:.9rem;font-weight:500;letter-spacing:0;text-transform:none}.app-content{grid-area:content;padding:var(--space-xl) var(--space-2xl);overflow-y:auto;max-width:820px}.app-sidebar{grid-area:sidebar;border-right:1px solid var(--border);overflow-y:auto;padding:var(--space-md) var(--space-sm);display:flex;flex-direction:column;gap:2px}.sidebar-item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:var(--r-md);border:none;background:transparent;cursor:pointer;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:var(--text-secondary);text-align:left;width:100%;transition:background .15s,color .15s}.sidebar-item.active{background:var(--emp-bg);color:var(--emp-text);font-weight:600}.sidebar-item:not(.active):hover{background:var(--bg-surface2);color:var(--text-primary)}.app-nav{display:none}.field-row{gap:var(--space-lg)}}