:root{--ink:#203931;--muted:#7b8882;--green:#23664b;--lime:#d7edbb;--paper:#f7f8f4;--line:#e7ebe4;--white:#fff}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer;transition:background .2s,transform .2s}button:disabled{opacity:.55;cursor:wait}button:hover:not(:disabled){filter:brightness(.96)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #b1ce91;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}.hidden{display:none!important}.app-shell{display:flex;min-height:100vh}aside{width:252px;flex-shrink:0;background:#fff;border-right:1px solid var(--line);padding:34px 22px;position:fixed;inset:0 auto 0 0;display:flex;flex-direction:column}.brand{display:flex;gap:11px;align-items:center;font-weight:750;font-size:23px;letter-spacing:-1px}.brand i,.brand-icon{background:var(--green);color:#e0edc8;border-radius:12px;width:42px;height:42px;display:grid;place-items:center;font-size:32px;font-family:Georgia,serif;font-style:normal}.brand-light{font-weight:350}.brand small{display:block;font-size:9px;font-weight:500;letter-spacing:1.6px;margin-top:4px;color:var(--muted)}.workspace{border:1px solid var(--line);border-radius:12px;padding:13px 10px;display:flex;align-items:center;gap:10px;margin:36px 0 28px;font-size:12px;font-weight:650}.workspace small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:4px}.avatar{width:33px;height:33px;background:#f0e9dc;color:#83683c;display:grid;place-items:center;border-radius:50%;font-size:13px}.avatar.small{width:30px;height:30px}.green-dot{width:6px;height:6px;display:inline-block;background:#65a978;border-radius:50%;flex-shrink:0}.workspace>.green-dot{margin-left:auto}.nav-label{font-size:9px;letter-spacing:1.7px;color:#98a098;margin:0 12px 14px}.nav{display:flex;align-items:center;gap:12px;text-align:left;width:100%;background:none;padding:14px 12px;border-radius:8px;font-size:12px;color:#6e7a73;margin-bottom:5px}.nav>span{font-size:18px;width:21px}.nav.active{color:var(--green);background:#edf3e8;font-weight:650}.nav b{margin-left:auto;font-size:10px;background:white;border-radius:5px;padding:2px 6px}.side-bottom{margin-top:auto;padding:25px 10px 0}.private-note{font-size:10px;color:#69826e}.private-note>span{font-size:8px;color:#68a477}.private-note small{display:block;color:#97a197;margin:7px 0 22px;font-size:10px}.plain{background:transparent;color:var(--muted);padding:4px 0;font-size:12px}.version{display:block;margin-top:28px;font-size:8px;letter-spacing:1px;color:#a0aaa2}main{margin-left:252px;flex:1;min-width:0}header{height:80px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 42px;background:#ffffff80}.breadcrumb{font-size:11px;color:#9aa49b}.breadcrumb span{padding:0 14px}.breadcrumb b{font-weight:500;color:#5d7164}.header-right{display:flex;gap:23px;align-items:center}.status-pill{border:1px solid #dce7d7;border-radius:20px;padding:7px 11px;display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#658061;background:#f7faf3}.content{max-width:1510px;margin:auto;padding:40px 42px 24px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:29px}.eyebrow{font-size:9px;letter-spacing:1.9px;font-weight:650;color:#7b9274;margin:0 0 13px}h1{font-size:32px;letter-spacing:-1.25px;line-height:1.18;font-weight:550;margin:0 0 12px}h2{font-weight:550}p{line-height:1.6}.muted{color:var(--muted);font-size:12px;margin:0}.primary{background:var(--green);color:#fff;border-radius:7px;padding:13px 17px;font-size:11px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:26px;white-space:nowrap}.secondary{background:#fff;border:1px solid #dbe3d7;color:#536b57;border-radius:7px;padding:10px 14px;font-size:11px}.text-button{background:none;color:var(--green);font-weight:600;font-size:11px}.filter-row{display:flex;justify-content:space-between;align-items:center;margin:0 0 22px}.ruc-badge{font-size:10px;display:flex;align-items:center;gap:10px;color:#8c988b}.ruc-badge strong{font-size:11px;font-weight:500;color:#5f7160}.ruc-badge>span{font-size:9px;background:#e9eee4;border-radius:4px;padding:4px 6px}.period-label{font-size:10px;color:#8a9586;display:flex;align-items:center;gap:11px}select,input{border:1px solid #dde4d9;background:white;border-radius:7px;color:#51684f;padding:10px 12px;font-size:11px}select{min-width:155px}.notice{display:flex;gap:12px;padding:13px 16px;background:#f0f3e9;border:1px solid #e4eadb;border-radius:8px;font-size:10px;color:#8a9179;line-height:1.6;margin-bottom:23px}.notice>span{font-size:16px;color:#84946b}.notice strong{color:#68775c;font-weight:600}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:25px}.metrics article{padding:22px 23px;background:white;border:1px solid var(--line);border-radius:12px}.metric-label{font-size:11px;display:flex;align-items:center;justify-content:space-between;color:#6c7d70}.metric-icon{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:#ffffff18;color:#d2e4b6;font-size:19px}.mint{background:#eef5e9;color:#6f9670}.peach{background:#fcf0e5;color:#bf9a75}.metrics h2{font-size:32px;letter-spacing:-1.3px;margin:14px 0 9px}.metrics small{font-size:9px;color:#929d90}.metrics article.balance{background:#244e3d;border-color:#244e3d;color:white}.balance .metric-label,.balance small{color:#b8d0b9}.overview-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:22px;margin-bottom:25px}.panel{background:white;border:1px solid var(--line);border-radius:12px;padding:23px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px}h3{font-size:14px;letter-spacing:-.25px;font-weight:600;margin:0 0 5px}.panel-heading p{font-size:10px;color:#95a08f;margin:0}.legend{font-size:9px;display:flex;gap:12px;color:#477d59}.legend span+span{color:#bac59c}.chart{min-height:235px;display:flex;justify-content:center;align-items:center}.empty{display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px 20px;min-height:195px;width:100%}.empty .empty-icon{font-size:26px;background:#f4f7ee;border:1px solid #edf1e6;color:#8caa7d;width:53px;height:53px;border-radius:15px;display:grid;place-items:center;margin-bottom:15px}.empty h4{font-size:12px;font-weight:500;margin:0 0 8px}.empty p{font-size:10px;color:#9ca595;margin:0;max-width:270px}.next-panel{background:#f0f4e9;border-color:#e5ebdb;padding:23px 25px}.mini-icon{font-size:22px;color:#769567;margin-bottom:15px}.next-panel .eyebrow{font-size:8px;margin-bottom:10px}.next-panel h3{font-size:20px;font-weight:500;line-height:1.3;letter-spacing:-.5px}.next-panel p:not(.eyebrow){font-size:10px;color:#87947d;line-height:1.8;margin:12px 0 18px}.next-panel .primary{width:100%;justify-content:space-between}.next-panel .text-button{width:100%;margin-top:14px;font-size:10px}.steps{display:flex;justify-content:space-between;border-top:1px solid #dfe6d4;margin-top:18px;padding-top:14px;font-size:9px;color:#8e9d81}.footnote{font-size:10px;color:#97a18e;line-height:1.7;margin:17px 0}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:11px;text-align:left}th{color:#95a08e;font-size:9px;font-weight:500;padding:13px 12px;background:#fafbf7;white-space:nowrap}td{padding:16px 12px;border-bottom:1px solid #f0f3eb;color:#596d53}td small{display:block;font-size:9px;color:#9ca58f;margin-top:4px}td.amount{white-space:nowrap;text-align:right;font-variant-numeric:tabular-nums}.badge{background:#eff5e8;color:#658157;padding:5px 8px;border-radius:5px;font-size:9px;white-space:nowrap}.badge.buy{background:#f7f0e7;color:#a0835d}.toolbar{display:flex;gap:12px;margin-bottom:20px}.toolbar input{flex:1}.toolbar .secondary{margin-left:auto}.connection-layout{display:grid;grid-template-columns:270px 1fr;gap:20px}.connection-guide h3{margin-bottom:26px}.connection-guide ol{padding-left:18px;color:#6f8660}.connection-guide li{padding-left:6px;margin-bottom:25px;font-size:12px}.connection-guide p{font-size:11px;color:#8e9b85;margin:6px 0}.privacy-box{font-size:10px;background:#f5f7f0;padding:14px;border-radius:7px;line-height:1.7;color:#87947a}.browser-panel{padding:0;align-self:start}.browser-toolbar{display:flex;align-items:center;gap:12px;background:#f2f5ed;padding:13px 16px;font-size:9px;color:#91a080}.browser-dots{font-size:9px;letter-spacing:3px;color:#c0cbb2;white-space:nowrap}#browserUrl{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.browser-placeholder{min-height:390px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:22px}.connection-symbol{font-size:38px;color:#789b64;background:#f3f7ec;border-radius:50%;padding:12px 22px;margin-bottom:20px}.browser-placeholder p{color:#8a987f;font-size:11px;line-height:1.8;margin-bottom:20px}.browser-placeholder small{font-size:9px;color:#a0a994;margin-top:18px}#screen{width:100%;display:block;cursor:crosshair}#browserControls{padding:16px;border-top:1px solid var(--line)}#browserControls p{font-size:10px;color:#8a957e;margin:0 0 10px}.typing-row{display:flex;gap:8px}.typing-row input{flex:1;min-width:0}.key-row{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.key-row button{background:#f1f5eb;color:#6e835c;padding:7px;border-radius:4px;font-size:10px}.key-row .danger{color:#ad6a5e;background:#f8eeeb;margin-left:auto}.activity-item{display:flex;gap:18px;padding:20px 0;border-bottom:1px solid var(--line);font-size:12px}.activity-item time{font-size:10px;color:#95a086;min-width:135px}.import-result{margin-top:20px}.import-result li{font-size:11px;line-height:1.8;word-break:break-word}footer{display:flex;gap:20px;align-items:center;margin-top:38px;padding-top:20px;border-top:1px solid var(--line);font-size:8px;letter-spacing:1.2px;color:#95a18a}footer span{letter-spacing:0;font-size:9px}footer span:last-child{margin-left:auto}.toast{position:fixed;bottom:25px;right:30px;background:#203e2e;color:#fff;padding:15px 22px;max-width:480px;box-shadow:0 7px 30px #18351e26;border-radius:9px;z-index:20;font-size:12px}.login-cover{position:fixed;inset:0;z-index:30;background:#fafbf7;display:grid;grid-template-columns:1fr 1fr}.login-card{width:360px;align-self:center;justify-self:center}.login-card .brand-icon{margin-bottom:42px}.login-card h1{font-size:49px;letter-spacing:-2px}.login-card>p:not(.eyebrow){font-size:13px;color:#87947e}.login-card label{display:block;margin:28px 0 9px;font-size:11px;color:#697e5c}.login-card input{width:100%;padding:14px;font-size:13px}.login-card button{width:100%;justify-content:space-between;margin-top:14px;padding:15px}.login-card small{display:block;font-size:10px;line-height:1.7;color:#9ba58f;margin-top:20px}.login-art{margin:20px;border-radius:16px;background:#234c38;position:relative;overflow:hidden;padding:45px;color:#d8e8c3;display:flex;flex-direction:column;justify-content:flex-end}.login-art>span{position:absolute;top:40px;font-size:10px;letter-spacing:3px}.login-art p{font-size:30px;letter-spacing:-.8px;z-index:1;line-height:1.4}.login-art strong{font-weight:400;color:white}.login-art small{font-size:11px;color:#a1be8e;letter-spacing:1px}.orb{position:absolute;width:540px;height:540px;border-radius:50%;background:repeating-radial-gradient(circle at 45% 45%,transparent 0 14px,#a0c48045 15px 16px);top:10%;left:8%;transform:rotate(-25deg);box-shadow:0 0 150px #91b76c26}.chart svg{width:100%;height:235px}.bar-sales{fill:#568562}.bar-purchases{fill:#cad5af}.chart-label{fill:#8c9a80;font-size:10px}.chart-line{stroke:#edf1e7;stroke-width:1}.negative-note{font-size:10px;color:#9c8563}
@media(min-width:1500px){.content{padding-top:50px}.metrics article{padding:27px}.chart{min-height:255px}}@media(max-width:1150px){aside{width:210px;padding:28px 14px}main{margin-left:210px}.content{padding:30px 25px}header{padding:0 25px}h1{font-size:27px}.overview-grid{grid-template-columns:1.4fr 1fr}.connection-layout{grid-template-columns:1fr}.connection-guide ol{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}.metrics article{padding:18px}.metrics h2{font-size:27px}}@media(max-width:800px){aside{position:static;width:100%;padding:17px 18px;border-right:0;border-bottom:1px solid var(--line)}.app-shell{display:block}.brand{font-size:21px}.workspace,.nav-label,.side-bottom{display:none}nav{display:flex;margin-top:18px;overflow:auto;gap:4px}.nav{font-size:10px;white-space:nowrap;padding:9px;width:auto}.nav>span{width:auto}.nav b{display:none}main{margin:0}header{height:55px;padding:0 20px}.status-pill{font-size:9px}.content{padding:25px 18px}.page-heading{align-items:flex-start;flex-direction:column;gap:16px}h1{font-size:28px}.metrics{gap:10px;grid-template-columns:1fr}.metrics article{padding:18px}.metrics h2{margin:9px 0;font-size:30px}.overview-grid{grid-template-columns:1fr}.filter-row{gap:12px;flex-wrap:wrap}.toolbar{flex-wrap:wrap}.toolbar input{width:100%;flex:auto}.toolbar select{flex:1}.toolbar .secondary{margin-left:0}.panel{padding:18px}.browser-panel{padding:0}.panel-heading{align-items:flex-start}.legend{flex-direction:column;gap:5px}.connection-guide ol{display:block}.typing-row{flex-direction:column}footer{flex-wrap:wrap;gap:12px}footer span:last-child{margin:0}.login-cover{grid-template-columns:1fr}.login-art{display:none}.login-card{width:min(360px,85vw)}.activity-item{flex-direction:column;gap:8px}}

.remote-stage{position:relative}.direct-input{position:absolute;bottom:0;left:0;width:2px;height:2px;opacity:.01;resize:none;padding:0;border:0}.remote-stage:focus-within{outline:2px solid #36745a;outline-offset:2px}#screen{cursor:text}#browserControls details{margin:12px 0}#browserControls summary{cursor:pointer}.account-form{display:grid;gap:14px;max-width:520px}.account-form label{display:grid;gap:6px}.account-form input{width:100%;padding:12px;border:1px solid #d7dfd8;border-radius:8px}#preparacion h3{margin-top:24px}
/* Visual identity inspired by the supplied dashboard reference. */
:root{--ink:#294a5b;--muted:#607b89;--green:#007e8e;--lime:#b7f2ee;--paper:#e7f5fa;--line:#d9edf3;--white:#fff;--cyan:#00becb;--violet:#6b5cff;--yellow:#ffd255}
body{font-family:"Segoe UI Variable Text","Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--paper)}
button,input,select,textarea{font-family:inherit}h1,h2,h3,.brand{font-family:"Segoe UI Variable Display","Segoe UI",Arial,sans-serif}h1{font-weight:650;letter-spacing:-1px}h2{font-weight:600}
aside{background:linear-gradient(175deg,#00becb,#009daa);border-right:0;color:white}.brand i,.brand-icon{background:#00b8c6;color:white;font-family:inherit;font-weight:750;border-radius:14px}.brand i{background:white;color:#008b99}.brand small,.workspace small,.nav-label,.private-note,.private-note small,.version,.side-bottom .plain{color:#fff}.workspace{background:#ffffff17;border-color:#ffffff45}.nav{color:#fff}.nav.active{color:#075765;background:#fff;box-shadow:0 4px 16px #00657218}.nav:hover{background:#ffffff26}.nav.active:hover{background:#fff}.nav b{color:#00616d}.avatar{background:#fff1c5;color:#795500}.green-dot,.private-note>span{background:#ffe08a;color:#ffe08a}.workspace{border-radius:16px}
header{background:#ffffffb5}.breadcrumb,.breadcrumb b,.period-label,.ruc-badge,.ruc-badge strong,.eyebrow{color:#537384}.status-pill{background:#e7faf9;border-color:#bdecea;color:#176771}.status-pill .green-dot{background:#00a6b2}
.panel,.metrics article{border:1px solid #ffffff;border-radius:18px;box-shadow:0 5px 24px #3c8eab08}.primary{background:#007e8e;border-radius:11px;font-size:12px}.secondary{border-color:#c9e6ed;color:#315d70;border-radius:10px}.text-button{color:#007582}.metrics article.balance{background:#6554e8;border-color:#6554e8}.balance .metric-label,.balance small{color:#f0edff}.metric-label{color:#55727f}.metrics small{color:#637c89}.balance .metric-icon{color:#fff}.mint{background:#defaf5;color:#007d82}.peach{background:#fff2cc;color:#936500}.notice{background:#f1fcff;border-color:#cce8ef;color:#4b6c7e;border-radius:12px}.notice strong,.notice>span{color:#2e6174}.next-panel{background:#dcf8f7;border-color:#c9eeed}.next-panel p:not(.eyebrow),.next-panel .eyebrow,.mini-icon,.steps{color:#386c77}.steps{border-color:#b5e4e5}.legend{color:#008d9d}.legend span+span{color:#6855e8}.bar-sales{fill:#00becb}.bar-purchases{fill:#7562f4}.chart-label{fill:#607b89}.chart-line{stroke:#e3eff5}.empty .empty-icon{background:#e9fbfc;border-color:#d9f2f5;color:#009cad}.empty p,.panel-heading p,.footnote,footer,td small,.activity-item time{color:#607b89}.table-wrap th{background:#f1faff;color:#527285}td{color:#355a6d;border-bottom-color:#e4f1f5}.badge{background:#dff8f6;color:#126e70}.badge.buy{background:#fff2c9;color:#785b10}.ruc-badge>span{background:#ddf3f7}input,select{border-color:#c8e2eb;color:#294a5b;border-radius:10px}
.connection-guide ol,.connection-guide p,.privacy-box,.browser-placeholder p,.browser-placeholder small,#browserControls p{color:#527482}.privacy-box{background:#edf9fc}.browser-toolbar{background:#e9f7fb;color:#537887}.browser-dots{color:#7fcbd1}.connection-symbol{color:#009faf;background:#e4fafb}.key-row button{background:#e6f6fa;color:#2d6374}.toast{background:#244e60}.remote-stage:focus-within{outline-color:#6855e8}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #7665e9;outline-offset:3px}
.login-cover{background:#e7f5fa;overflow-y:auto;gap:20px;padding:24px}.access-card{width:min(460px,100%);align-self:center;justify-self:center;padding:30px;background:white;border:1px solid #d9eef3;border-radius:24px;box-shadow:0 16px 60px #2a8fa817}.access-tabs{display:flex;gap:6px;background:#edf7fb;padding:5px;border-radius:12px;margin-bottom:26px}.access-tabs button{flex:1;padding:11px;background:transparent;color:#496a7c;border-radius:9px;font-weight:600}.access-tabs .selected{background:#fff;color:#007e8e;box-shadow:0 2px 8px #1f6f8514}.login-card{width:100%;margin:0}.login-card .brand-icon{margin-bottom:20px}.login-card h1{font-size:36px;letter-spacing:-1px}.login-card>p:not(.eyebrow),.login-card small,.login-card label{color:#567383}.login-card label{margin:16px 0 7px}.login-card input{padding:12px;font-size:14px}.login-card>button{font-size:14px}.login-card small{margin-top:16px}.login-art{margin:0;border-radius:24px;background:linear-gradient(145deg,#00becb,#00a3b4);color:#fff;min-height:560px;align-self:stretch}.login-art strong,.login-art small{color:white}.login-art p{font-size:34px;font-weight:500}.orb{background:repeating-radial-gradient(circle at 45% 45%,transparent 0 18px,#ffffff50 19px 20px);box-shadow:0 0 120px #7cf8ef55}.login-art:after{content:"";position:absolute;width:100px;height:100px;right:45px;top:70px;background:#ffd255;border-radius:28px;transform:rotate(14deg);box-shadow:-115px 120px 0 5px #7562f4}.register-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.register-grid .full{grid-column:1/-1}.register-grid label{min-width:0}.login-card .account-confirm{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5}.account-confirm input{width:17px;height:17px;flex-shrink:0;margin-top:2px}.login-card .registration-info{font-size:11px;line-height:1.5}#registerError,#loginError{font-size:12px;color:#954426}.account-form input{border-color:#c8e2eb}
@media(max-width:800px){.login-cover{padding:20px 14px;display:block}.access-card{margin:20px auto;padding:24px}.login-card{width:100%}.login-card h1{font-size:32px}.register-grid{grid-template-columns:1fr}.register-grid .full{grid-column:auto}.login-art{display:none}.nav{color:white}.nav.active{color:#075765}aside{border:0}.content{padding-top:24px}}
/* Let long registration forms scroll naturally, without exposing the dashboard underneath. */
.login-cover{position:relative;inset:auto;min-height:100dvh}
body:has(#login:not(.hidden)) .app-shell{display:none}
aside,.nav,.brand small,.workspace small,.nav-label,.private-note,.private-note small,.version,.side-bottom .plain{color:#064752}
.login-art,.login-art strong,.login-art small{color:#063f4c}
@media(max-width:800px){.nav{color:#064752}.nav.active{color:#075765}.access-card{margin:6px auto}.login-cover{overflow:visible}}