@import "https://fonts.googleapis.com/css2?family=Encode+Sans:wght@600;800&family=Roboto:wght@300;400;500;700&display=swap";:root{--paper:#fff;--field:#f4f6f7;--line:#d9dde0;--ink:#000;--ink-2:#4a4f53;--ink-3:#838383;--turq:#00aec3;--turq-soft:#e0f5f8;--turq-dark:#0a8ea0;--magenta:#c21f72;--magenta-soft:#f9e6ef;--grad:linear-gradient(180deg, #c21f72 0%, #5f4d80 30%, #35648d 55%, #2782a1 80%, #24a1b0 100%);--radius:6px;color:var(--ink);background:var(--paper);font-synthesis:none;font:300 15px/1.5 Roboto,system-ui,-apple-system,Segoe UI,sans-serif}@media (prefers-color-scheme:dark){:root{--paper:#12161a;--field:#1c2227;--line:#30393f;--ink:#f2f4f5;--ink-2:#b9c0c5;--ink-3:#8a9298;--turq:#2fc3d6;--turq-soft:#0f3238;--turq-dark:#5cd3e3;--magenta:#e2569a;--magenta-soft:#3a1a2a}}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px}h1,h2,h3{letter-spacing:-.01em;margin:0;font-family:Encode Sans,Roboto,sans-serif;font-weight:800}h1{font-size:1.5rem;line-height:1.15}h2{color:var(--turq-dark);margin-bottom:.35rem;font-size:1.1rem}h3{font-size:.95rem;font-weight:600}p{margin:.25rem 0}a{color:var(--turq-dark)}.muted{color:var(--ink-2)}.small{font-size:.86rem}.row{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.wrap{max-width:1040px;margin:0 auto}.band{background:linear-gradient(90deg,#c21f72,#5f4d80,#35648d,#24a1b0);height:6px}.wordmark{color:var(--turq-dark);font-family:Encode Sans,sans-serif;line-height:1.05}.wordmark .l1{letter-spacing:.02em;font-size:.78rem;font-weight:600}.wordmark .l2{font-size:1.25rem;font-weight:800}#login{grid-template-columns:minmax(260px,420px) 1fr;min-height:100vh;display:grid}#login .hero{background:var(--grad);position:relative;overflow:hidden}#login .hero img{object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}#login .form{justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex}#login .box{width:100%;max-width:420px}#login .box .wordmark{margin-bottom:1.2rem}.login-form{margin-top:1rem}.login-form h3{margin-bottom:.5rem}.login-form .field{margin-bottom:.7rem}.login-form .field:nth-of-type(2){margin-bottom:1rem}.login-actions{justify-content:space-between}.login-help{margin-top:1rem}.preview-link{margin-top:.6rem;display:inline-block}.error{color:var(--magenta)}label{color:var(--ink-2);margin-bottom:.2rem;font-size:.85rem;font-weight:400;display:block}input,select,textarea{width:100%;font:inherit;color:var(--ink);background:var(--field);border:1px solid var(--line);border-radius:var(--radius);padding:.5rem .6rem;font-weight:400}input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--turq);outline-offset:1px}input:disabled{color:var(--ink-3)}.btn{font:inherit;border:1px solid var(--turq);background:var(--turq);color:#fff;border-radius:var(--radius);cursor:pointer;padding:.55rem 1.1rem;font-weight:500;text-decoration:none;display:inline-block}.btn:hover{background:var(--turq-dark);border-color:var(--turq-dark)}.btn.sec{background:var(--paper);color:var(--turq-dark)}.btn.sec:hover{background:var(--turq-soft)}.btn:disabled{opacity:.5;cursor:not-allowed}.app-header{border-bottom:1px solid var(--line);padding:.9rem 1.25rem}.brand{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.brand img{width:auto;height:54px}.brand .sep{background:var(--line);width:1px;height:44px}.brand .org{color:var(--ink-2);font-size:.84rem;line-height:1.3}.brand .who{align-items:center;gap:.6rem;margin-left:auto;font-size:.88rem;display:flex}.chip{background:var(--turq-soft);color:var(--turq-dark);border-radius:999px;padding:.2rem .7rem;font-weight:500}.app-main{padding:1.25rem 1.25rem 4rem}.tabs{border-bottom:1px solid var(--line);gap:1.4rem;margin-bottom:1rem;display:flex;overflow-x:auto}.tabs button{font:inherit;color:var(--ink-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-bottom:3px solid #0000;padding:.6rem 0;font-weight:500}.tabs button.on{color:var(--turq-dark);border-color:var(--turq)}section.card{border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);margin-bottom:1rem;padding:1.1rem 1.2rem}.grid{gap:.75rem 1rem;margin-top:.6rem;display:grid}.g4{grid-template-columns:repeat(4,minmax(0,1fr))}.aviso{border-left:4px solid var(--magenta);background:var(--magenta-soft);border-radius:0 var(--radius) var(--radius) 0;margin:.6rem 0;padding:.6rem .8rem;font-size:.92rem;font-weight:400}.aviso.info{border-color:var(--turq);background:var(--turq-soft)}.kpis{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem;margin-bottom:1rem;display:grid}.kpi{border:1px solid var(--line);border-top:4px solid var(--turq);border-radius:var(--radius);padding:.7rem .9rem}.kpi b{color:var(--turq-dark);font-family:Encode Sans,sans-serif;font-size:1.6rem;font-weight:800;line-height:1.1;display:block}.kpi span{color:var(--ink-2);font-size:.84rem}.prototype-note{margin-top:1.5rem}.loading{min-height:100vh;color:var(--ink-2);place-items:center;display:grid}.draft-create{grid-template-columns:120px 120px auto;justify-content:start;align-items:end;gap:.6rem;margin:.8rem 0;display:grid}.draft-selector{max-width:260px;margin:1rem 0}.draft-detail{border-top:1px solid var(--line);padding-top:1rem}.expense-list-heading{justify-content:space-between;align-items:center;gap:1rem;margin:1rem 0 .7rem;display:flex}.expense-list-heading h3{color:var(--turq-dark)}.expense-list{gap:.6rem;display:grid}.expense-summary{border:1px solid var(--line);border-radius:var(--radius);justify-content:space-between;align-items:center;gap:1rem;padding:.8rem 1rem;display:flex}.expense-summary-main{overflow-wrap:anywhere;min-width:0}.expense-summary-main p{margin-top:.2rem}.expense-summary-actions{flex-shrink:0;align-items:center;gap:1rem;display:flex}.expense-edit{align-items:center;gap:.35rem;display:inline-flex}.expense-edit svg{width:1rem;height:1rem}.expense-dialog{border:1px solid var(--line);background:var(--paper);width:min(620px,100vw - 2rem);max-height:min(90vh,800px);color:var(--ink);border-radius:10px;padding:1.3rem;overflow-y:auto;box-shadow:0 18px 60px #0006}.expense-dialog::backdrop{background:#0009}.message-dialog{border:1px solid var(--line);background:var(--paper);width:min(440px,100vw - 2rem);color:var(--ink);border-radius:10px;padding:1.4rem;box-shadow:0 18px 60px #0006}.message-dialog::backdrop{background:#0009}.message-dialog h2{color:var(--turq-dark);margin:0 0 .7rem}.message-dialog p{white-space:pre-wrap;margin:0}.message-dialog-actions{justify-content:flex-end;gap:.6rem;margin-top:1.4rem;display:flex}.expense-dialog-header{justify-content:space-between;align-items:center;gap:1rem;display:flex}.expense-dialog-header h2{margin:0}.expense-dialog-close{color:var(--ink-2);cursor:pointer;background:0 0;border:0;font-size:1.7rem;line-height:1}.expense-dialog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem 1rem;margin-top:1rem;display:grid}.expense-dialog-receipt{margin-top:1rem}.expense-dialog-receipt input[type=file]{margin-top:.35rem}.expense-dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:.6rem;margin-top:1.2rem;display:flex}.expense-dialog-actions .expense-delete{border-color:var(--magenta);color:var(--magenta);margin-right:auto}.submit-row{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:.8rem;margin-top:1rem;padding-top:1rem;display:flex}.submission-item{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0;display:flex}.submission-period{border:1px solid var(--line);border-radius:var(--radius);margin-top:1rem;padding:.8rem 1rem}.submission-period h3{color:var(--turq-dark);margin:0 0 .2rem}.submission-actions{flex-wrap:wrap;gap:.5rem;display:flex}.observation-reason{white-space:pre-wrap;background:#362d1d;border-left:3px solid #dfa942;padding:.5rem .7rem}@media (width<=760px){#login{grid-template-columns:1fr}#login .hero{height:180px}#login .hero img{object-position:center 30%}.brand .who{margin-left:0}}@media (width<=640px){.g4{grid-template-columns:1fr}}@media (width<=760px){.draft-create{grid-template-columns:1fr}}@media (width<=640px){.expense-summary{flex-direction:column;align-items:flex-start}.expense-summary-actions{justify-content:space-between;width:100%}.expense-dialog-grid{grid-template-columns:1fr}}