*{box-sizing:border-box}body{margin:0;background:#f8fafc;color:#19344c;font:15px/1.5 system-ui,-apple-system,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select{touch-action:manipulation}button{cursor:pointer;border:1px solid #dce6ec;background:white;padding:11px 17px;border-radius:12px;color:#0f4c81;font-weight:650}button:hover{background:#e7f7f0}button:focus-visible,a:focus-visible{outline:3px solid #f59e0b;outline-offset:3px}.primary{background:#0f4c81;color:white;border-color:#0f4c81}.primary:hover{background:#123b60}aside{width:242px;position:fixed;inset:0 auto 0 0;padding:29px 22px;background:#fff;border-right:1px solid #e7edf1;display:flex;flex-direction:column}.brand{display:flex;align-items:center;color:#0b3359;text-decoration:none;font-size:28px;font-weight:800;letter-spacing:-1.4px}.brand img{width:53px;border-radius:12px;margin-right:5px}.brand b{color:#10a981}.small{font-size:9px;letter-spacing:1.5px;color:#8a9ba8;margin:35px 8px 14px}nav{display:grid;gap:8px}nav a{text-decoration:none;color:#60758a;padding:12px 15px;border-radius:12px;display:flex;gap:13px;align-items:center;font-weight:600}nav a.active{background:#d1fae5;color:#096f53}nav a span{width:22px;text-align:center;font-size:19px}.aside-foot{margin-top:auto;color:#527183;padding:15px 8px;font-size:14px}.aside-foot p{font-size:11px;color:#8799a6;margin-top:24px}main{max-width:1450px;margin-left:242px;padding:40px 44px}header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:26px}.eyebrow{color:#77909f;font-size:13px}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin:7px 0}h2{font-size:20px;letter-spacing:-.4px;margin:0 0 18px}h3{margin:0 0 8px;font-size:17px}.notice{padding:10px 14px;background:#edf4f8;border-radius:10px;font-size:12px;color:#587389;margin-bottom:24px}.cards{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:18px;margin-bottom:28px}.card,.panel{background:#fff;border:1px solid #e6edf0;border-radius:20px;padding:25px}.hero{background:#0f4c81;color:white;border:0;position:relative;overflow:hidden}.hero:after{content:'◌';position:absolute;font-size:200px;color:#ffffff10;right:-18px;top:-65px}.card label{display:block;color:#7c919f;font-size:13px}.hero label{color:#c9e2ed}.amount{font-size:33px;font-weight:750;letter-spacing:-1px;margin:12px 0}.card small{color:#7f949f}.hero small{color:#c9e2ed}.two{display:grid;grid-template-columns:1.25fr 1fr;gap:22px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.section-head h2{margin:0}.tag{display:inline-block;font-size:11px;padding:4px 10px;border-radius:20px;background:#eaf8f1;color:#0e7959}.tag.red{background:#ffe8e9;color:#ac2949}.tag.gold{background:#fff4d9;color:#956000}.row{width:100%;display:flex;text-align:left;align-items:center;gap:14px;border:0;border-bottom:1px solid #edf1f3;border-radius:0;padding:16px 0;font-weight:400}.row:hover{background:#f6fbf9}.record-icon{background:#e9f8f2;color:#0ca77d;display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:13px;font-size:21px}.row-main{flex:1;min-width:0}.row-main strong{display:block;overflow-wrap:anywhere}.row small{color:#81939f;font-size:12px}.row-end{text-align:right;flex:none}.row-end strong{font-size:15px;display:block}.empty{padding:35px 15px;text-align:center;color:#8194a0}.empty strong{display:block;color:#36556d;font-size:17px;margin:10px}.actions{display:flex;flex-wrap:wrap;gap:10px}.muted{color:#7b919e;font-size:13px}.bar{height:8px;background:#eaf0f3;border-radius:10px;overflow:hidden;margin:12px 0 18px}.bar i{display:block;height:100%;background:#10b981;border-radius:10px}.progress-label{display:flex;justify-content:space-between;font-size:13px;gap:10px}.filters{display:flex;gap:12px;flex-wrap:wrap;margin:0 0 20px}input,select,textarea{width:100%;padding:12px 13px;border:1px solid #d9e4ea;border-radius:10px;background:white;color:#19344c}input:focus,select:focus,textarea:focus{outline:2px solid #10b981}.filters input{flex:2;min-width:150px}.filters select{flex:1;min-width:130px}.filters input[type=month]{flex:1}label.field{display:block;font-size:13px;font-weight:600;margin:15px 0}label.field input,label.field select,label.field textarea{margin-top:6px}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}dialog{border:0;border-radius:22px;width:min(540px,94vw);max-height:90vh;padding:25px;color:#19344c;box-shadow:0 25px 80px #18395340}dialog::backdrop{background:#12304780;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head h2{margin:0}.dialog-head button{border:0;padding:8px}#error{color:#b12e47;font-size:13px}.item{padding:12px;background:#f3f8f6;border-radius:12px;margin:10px 0}.item-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}.item button{font-size:12px;padding:4px 8px;margin-top:8px}footer{color:#94a5af;font-size:11px;margin-top:35px}.danger{color:#b12e47}.welcome{display:flex;align-items:center;gap:18px;padding:18px;background:#edf9f4;border-radius:15px;margin-bottom:23px}.welcome img{width:65px;border-radius:14px}.welcome p{margin:3px 0;color:#648679;font-size:13px}@media(max-width:1100px){main{padding:28px 24px}.cards{grid-template-columns:1fr 1fr}.hero{grid-column:span 2}.two{grid-template-columns:1fr}.amount{font-size:29px}}@media(max-width:700px){aside{position:relative;width:auto;padding:15px 18px;border:0}.brand{font-size:25px}.brand img{width:42px}.small,.aside-foot{display:none}nav{display:flex;overflow:auto;margin-top:15px;gap:5px}nav a{padding:8px 11px;white-space:nowrap;font-size:12px;gap:6px}nav a span{font-size:15px;width:auto}main{margin:0;padding:20px 16px}header{align-items:flex-start}header .primary{font-size:12px;padding:10px;max-width:128px}h1{font-size:26px}.eyebrow{font-size:11px}.card,.panel{padding:19px}.cards{gap:12px}.amount{font-size:26px}.card small{font-size:11px}.grid{grid-template-columns:1fr}.notice{font-size:11px}}
/* GastadOra brand palette */
body{background:linear-gradient(135deg,#f8fafc 25%,#e8faf2)}aside{background:linear-gradient(165deg,#0f4c81,#082f53);border-right:0}.brand{color:#fff}.brand img{border:2px solid #ffffff70}.small{color:#a9d5df}nav a{color:#d4e8f4}nav a:hover{background:#ffffff12}nav a.active{background:#10b981;color:#052f36;box-shadow:0 5px 20px #06263b30}.aside-foot{color:#d1fae5}.aside-foot p{color:#aecad6}.primary{background:#f59e0b;color:#17354c;border-color:#f59e0b;box-shadow:0 5px 14px #f59e0b25}.primary:hover{background:#ffb62d}.hero{background:linear-gradient(125deg,#0f4c81 30%,#087f83)}.cards .card:nth-child(2){background:#d1fae5;border-top:5px solid #10b981}.cards .card:nth-child(3){background:#fff4d8;border-top:5px solid #f59e0b}.cards .card:not(.hero) label,.cards .card:not(.hero) small{color:#385d61}.panel{border-top:4px solid #10b981;box-shadow:0 8px 30px #0f4c8108}.welcome{background:linear-gradient(110deg,#d1fae5,#a8eedb);border-left:5px solid #10b981}.notice{background:#e1f1f7;border-left:4px solid #0f4c81}.record-icon{background:#d1fae5;color:#08765b}.actions button{background:#d1fae5;border-color:#9fe3c8}.actions button:hover{background:#b6f0d5}.bar i{background:linear-gradient(90deg,#10b981,#0f4c81)}.tag.gold{background:#fde2a2;color:#654200}.eyebrow{color:#357b75}header h1{color:#0f4c81}.amount{font-variant-numeric:tabular-nums}@media(max-width:700px){aside{border-radius:0 0 22px 22px}nav a.active{background:#10b981}main{padding-top:24px}}

.due-date{display:block;font-size:14px;font-weight:700;color:#0f4c81;margin:7px 0 5px}.due-detail{padding:15px;background:#e8f8f1;border-radius:12px;margin:12px 0}.due-detail .due-date{font-size:18px}.date-filter{flex:1;min-width:160px;font-size:12px;color:#496b7e}.date-filter input{margin-top:4px}.filters{align-items:end}.row-main .tag{margin-top:3px}@media(max-width:700px){.due-date{font-size:12px}.row{gap:9px}.row-end strong{font-size:13px}}

.account-signin{display:inline-block;background:#0f4c81;color:white;padding:14px 20px;border-radius:12px;font-weight:700;text-decoration:none}.actions a{align-self:center;color:#0f4c81;font-weight:700}.notice{overflow-wrap:anywhere}