.landing-page{--l-ink: #161a2b;--l-ink-soft: #4a5170;--l-bg: #fbfbfa;--l-surface: #ffffff;--l-border: #e4e2db;--l-accent: #2f3f73;--l-accent-deep: #1c2650;--l-warm: #c8842e;--l-warm-soft: #f7ecd9;--l-code-bg: #14182a;--l-code-text: #d7dcf5;--l-font-display: "Fraunces", Georgia, serif;--l-font-body: "Source Sans 3", var(--font-sans);--l-font-mono: "IBM Plex Mono", var(--font-mono);background:var(--l-bg);color:var(--l-ink);font-family:var(--l-font-body);min-height:100vh}.landing-page h1,.landing-page h2,.landing-page h3{font-family:var(--l-font-display);text-wrap:balance;color:var(--l-ink)}.landing-page a{color:inherit}.landing-container{max-width:1080px;margin:0 auto;padding:0 1.5rem}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 0}.landing-wordmark{font-family:var(--l-font-display);font-weight:600;font-size:1.3rem;color:var(--l-accent-deep)}.landing-nav{display:flex;align-items:center;gap:1.25rem}.landing-lang-toggle{display:inline-flex;border:1px solid var(--l-border);border-radius:999px;overflow:hidden}.landing-lang-toggle button{border:none;background:transparent;padding:.35rem .75rem;font-size:.82rem;font-weight:600;cursor:pointer;color:var(--l-ink-soft)}.landing-lang-toggle button.active{background:var(--l-accent);color:#fff}.landing-btn-warm{display:inline-flex;align-items:center;padding:.65rem 1.3rem;border-radius:6px;background:var(--l-warm);color:#fff;font-weight:700;border:none;cursor:pointer;text-decoration:none}.landing-btn-warm:hover{background:#b3762a}.landing-btn-ghost{display:inline-flex;align-items:center;padding:.65rem 1.3rem;border-radius:6px;background:transparent;color:var(--l-accent-deep);font-weight:600;border:1px solid var(--l-border);cursor:pointer;text-decoration:none}.landing-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;padding:4rem 0 5rem}@media (max-width: 860px){.landing-hero{grid-template-columns:1fr}}.landing-hero h1{font-size:clamp(2.1rem,4vw,3rem);line-height:1.12;margin:0 0 1rem}.landing-hero p{font-size:1.1rem;color:var(--l-ink-soft);margin:0 0 1.75rem;max-width:46ch}.landing-hero-ctas{display:flex;gap:.9rem;flex-wrap:wrap}.landing-code-panel{background:var(--l-code-bg);color:var(--l-code-text);border-radius:12px;padding:1.4rem;font-family:var(--l-font-mono);font-size:.82rem;line-height:1.6;overflow-x:auto;box-shadow:0 20px 40px -20px #14182a73}.landing-code-label{font-family:var(--l-font-body);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:#8790c2;margin-bottom:.6rem}.landing-section{padding:4rem 0}.landing-section h2{font-size:1.8rem;margin:0 0 2.25rem;text-align:center}.landing-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.landing-feature-card{background:var(--l-surface);border:1px solid var(--l-border);border-radius:10px;padding:1.5rem}.landing-feature-card h3{font-size:1.05rem;margin:0 0 .5rem}.landing-feature-card p{color:var(--l-ink-soft);margin:0;font-size:.92rem}.landing-steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;counter-reset:step}.landing-step{position:relative;padding-top:2.4rem}.landing-step:before{counter-increment:step;content:counter(step);position:absolute;top:0;left:0;width:2rem;height:2rem;border-radius:50%;background:var(--l-accent);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem}.landing-step h3{font-size:1rem;margin:0 0 .4rem}.landing-step p{color:var(--l-ink-soft);margin:0;font-size:.9rem}.landing-contact{background:var(--l-accent-deep);color:#fff;border-radius:16px;padding:3rem;display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}@media (max-width: 860px){.landing-contact{grid-template-columns:1fr;padding:2rem}}.landing-contact h2{color:#fff;text-align:left;margin-bottom:.6rem}.landing-contact p{color:#c7cbe6}.landing-contact-form .field label{color:#dfe2f5}.landing-contact-form .field input,.landing-contact-form .field textarea{background:#ffffff0f;border-color:#fff3;color:#fff}.landing-contact-form textarea{resize:vertical;min-height:90px}.landing-whatsapp{margin-top:1rem;font-size:.88rem;color:#c7cbe6}.landing-whatsapp a{color:var(--l-warm-soft);font-weight:600}.landing-footer{border-top:1px solid var(--l-border);padding:2rem 0;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;color:var(--l-ink-soft);font-size:.85rem}.landing-footer-links{display:flex;gap:1.2rem}.whatsapp-bubble{position:fixed;right:1.5rem;bottom:1.5rem;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 20px #00000040;z-index:40;transition:transform .15s ease,box-shadow .15s ease}.whatsapp-bubble:hover{transform:scale(1.07);box-shadow:0 8px 24px #00000052}:root{--color-bg: #f6f5fb;--color-surface: #ffffff;--color-border: #e5e2f2;--color-text: #1e1b2e;--color-text-muted: #6b6785;--color-accent: #6d3fea;--color-accent-hover: #5b2fd4;--color-accent-soft: #efe9fd;--color-success: #1f7a5c;--color-success-soft: #e4f3ec;--color-warn: #9a5b10;--color-warn-soft: #fbeedb;--color-danger: #a32e23;--color-danger-soft: #fbe7e4;--panel-sidebar-bg: #ffffff;--panel-sidebar-active-bg: #f1ecfd;--panel-header-h: 64px;--panel-sidebar-w: 248px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, "SF Mono", "Cascadia Code", Consolas, monospace;--radius: 6px;--shadow-sm: 0 1px 2px rgba(16, 20, 30, .06)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--color-bg);color:var(--color-text);font-family:var(--font-sans);font-size:14px;line-height:1.5;overflow-x:hidden}a{color:var(--color-accent)}button,input,select,textarea{font-family:inherit;font-size:inherit}.btn{display:inline-flex;align-items:center;gap:.4em;padding:.5rem 1rem;border-radius:var(--radius);border:1px solid transparent;background:var(--color-accent);color:#fff;font-weight:600;cursor:pointer}.btn:hover{background:var(--color-accent-hover)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.secondary{background:var(--color-surface);border-color:var(--color-border);color:var(--color-text)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:1.25rem;box-shadow:var(--shadow-sm);overflow-x:auto}@media (max-width: 520px){.card{padding:1rem}}.field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:.9rem}.field-row{display:flex;gap:.7rem;flex-wrap:wrap}.field-row>.field{flex:1 1 160px;min-width:0}.field-row>.field.field-narrow{flex:0 1 140px}.field label{font-size:.8rem;font-weight:600;color:var(--color-text-muted)}.field input,.field select{width:100%;padding:.5rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.error-text{color:var(--color-danger);font-size:.85rem}.auth-shell{display:flex;min-height:100vh;align-items:center;justify-content:center;padding:1rem}.auth-card{width:100%;max-width:340px}.password-field{position:relative}.password-field input{width:100%;padding-right:2.4rem}.password-toggle{position:absolute;right:.4rem;top:50%;transform:translateY(-50%);border:none;background:none;cursor:pointer;font-size:1rem;line-height:1;padding:.3rem;color:var(--color-text-muted)}table{border-collapse:collapse;width:100%;min-width:520px}th,td{text-align:left;padding:.6rem .7rem;border-bottom:1px solid var(--color-border);font-size:.88rem}th{color:var(--color-text-muted);font-weight:600;font-size:.78rem;text-transform:uppercase;letter-spacing:.03em}.pill{display:inline-flex;padding:.15rem .55rem;border-radius:999px;font-size:.76rem;font-weight:700}.pill.success{background:var(--color-success-soft);color:var(--color-success)}.pill.warn{background:var(--color-warn-soft);color:var(--color-warn)}.pill.danger{background:var(--color-danger-soft);color:var(--color-danger)}.pill.neutral{background:var(--color-accent-soft);color:var(--color-accent)}.panel-shell{display:flex;min-height:100vh;background:var(--color-bg)}.panel-sidebar{width:var(--panel-sidebar-w);flex-shrink:0;background:var(--panel-sidebar-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;justify-content:space-between;position:sticky;top:0;height:100vh;z-index:60}.panel-sidebar-logo{display:flex;align-items:center;gap:.6rem;padding:0 1.3rem;height:var(--panel-header-h);border-bottom:1px solid var(--color-border);font-weight:700;font-size:1.05rem;color:var(--color-text)}.panel-sidebar-logo img{width:28px;height:28px;border-radius:7px}.panel-sidebar-logo span{flex:1}.panel-sidebar-close,.panel-sidebar-toggle{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;flex-shrink:0}.panel-sidebar-close:hover,.panel-sidebar-toggle:hover{background:var(--color-bg);color:var(--color-text)}.panel-backdrop{display:none}.panel-nav{display:flex;flex-direction:column;gap:.2rem;padding:1rem .9rem;overflow-y:auto}.panel-nav-section{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:.8rem .5rem .3rem}.panel-nav-item{display:flex;align-items:center;gap:.7rem;padding:.55rem .7rem;border-radius:8px;color:var(--color-text-muted);font-weight:600;font-size:.88rem}.panel-nav-item:hover{background:var(--color-bg);color:var(--color-text)}.panel-nav-item.active{background:var(--panel-sidebar-active-bg);color:var(--color-accent)}.panel-nav-item svg{flex-shrink:0}.panel-sidebar-footer{padding:1rem 1.3rem;border-top:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:.6rem}.panel-main{flex:1;min-width:0;display:flex;flex-direction:column}.panel-topbar{height:var(--panel-header-h);display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:0 1.75rem;border-bottom:1px solid var(--color-border);background:var(--color-surface)}.panel-content{flex:1;padding:1.75rem;max-width:1180px;width:100%;margin:0 auto}@media (max-width: 880px){.panel-sidebar{position:fixed;top:0;left:-100%;width:min(var(--panel-sidebar-w),82vw);transition:left .22s ease;box-shadow:0 0 0 100vmax transparent}.panel-sidebar.open{left:0}.panel-sidebar-close,.panel-sidebar-toggle{display:flex}.panel-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#14102866;z-index:55}.panel-topbar{padding:0 1.1rem;justify-content:flex-start}.panel-topbar>span{margin-left:auto}.panel-content{padding:1.1rem}}.dash-banner{background:linear-gradient(120deg,#6d3fea,#4527a0);color:#fff;border-radius:12px;padding:1.75rem 2rem;margin-bottom:1.5rem}.dash-banner h1{margin:0 0 .3rem;font-size:1.4rem}.dash-banner p{margin:0;opacity:.9;font-size:.92rem}.dash-kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.25rem}.dash-kpi-card{display:flex;align-items:center;gap:.9rem}.dash-kpi-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--color-accent-soft);color:var(--color-accent);flex-shrink:0}.dash-kpi-label{font-size:.8rem;color:var(--color-text-muted);margin:0 0 .15rem}.dash-kpi-value{font-size:1.25rem;font-weight:700;margin:0}.dash-row{display:grid;grid-template-columns:1.6fr 1fr;gap:1.25rem;align-items:stretch}.dash-card-title{margin:0 0 1rem;font-size:1rem}.dash-breakdown-legend{display:flex;flex-direction:column;gap:.6rem;margin-top:1rem}.dash-breakdown-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.85rem}.dash-breakdown-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}@media (max-width: 1000px){.dash-kpi-grid{grid-template-columns:repeat(2,1fr)}.dash-row{grid-template-columns:1fr}}@media (max-width: 720px){.dash-kpi-grid{grid-template-columns:1fr}}@media (max-width: 480px){.dash-banner{padding:1.25rem 1.4rem}.dash-banner h1{font-size:1.15rem}}
