:root{
  --gold:#d4a433;--gold2:#f5bf22;--navy:#061833;--muted:#63708a;--bg:#f6f8fc;--panel:#fff;--line:#dde4ef;--green:#12a85b;--red:#ef4438;--blue:#3b9ee9;--warn:#e7a900;
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(115deg,#f7f9fd 0%,#f7f9fd 78%,#fff7db 100%);font-family:Inter,Arial,sans-serif;color:var(--navy);font-size:14px}
.sidebar{position:fixed;left:0;top:0;bottom:0;width:230px;background:#fff;border-right:1px solid #ead7a5;padding:20px 18px;overflow:auto;z-index:5}.brand{display:flex;flex-direction:column;margin-bottom:24px}.brand span{font-size:32px;color:#c8942d;line-height:.92}.brand b{font-size:36px;line-height:.95}.brand small{font-size:14px;color:var(--muted);margin-top:14px}
button,.sidebar>a{width:100%;height:44px;border:0;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--gold2));font-weight:800;font-size:14px;color:#060606;text-decoration:none;display:flex;align-items:center;justify-content:center;margin:10px 0;cursor:pointer;box-shadow:0 14px 25px rgba(212,164,51,.16)}button:disabled{opacity:.65;cursor:not-allowed}
.statusBox{border:1px solid var(--line);border-radius:18px;margin:22px 0;padding:16px;background:#fff}.statusBox strong{display:block;font-size:18px;margin-bottom:12px}.statusBox span{display:block;font-weight:800;font-size:18px}.statusBox small{display:block;color:var(--muted);margin-top:8px}.statusOk{color:var(--green)}.statusBad{color:var(--red)}
nav{display:flex;flex-direction:column;gap:7px;margin-top:18px}nav a{padding:9px 12px;color:#192337;text-decoration:none;font-size:17px;border-radius:12px}nav a:hover{background:#fff7df;color:#8b650f}
main{margin-left:230px;padding:28px 26px 54px}.topbar{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin-bottom:24px}.topbar h1{font-size:36px;line-height:1;margin:0 0 8px}.topbar p{font-size:16px;color:var(--muted);margin:0}.filters,.miniFilters{display:flex;gap:10px}.filters input,.filters select,.miniFilters input{height:46px;border:1px solid var(--line);border-radius:15px;background:#fff;padding:0 16px;font-size:16px;min-width:105px}.filters input{width:160px}.miniFilters input{width:105px;height:40px;font-size:14px}
.cardsGrid{display:grid;grid-template-columns:repeat(6,minmax(130px,1fr));gap:14px;margin-bottom:20px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;min-height:102px;box-shadow:0 16px 34px rgba(10,26,51,.055)}.card small{display:block;color:#68738d;font-size:14px}.card b{display:block;font-size:24px;margin:9px 0 7px;color:#061833}.card em{display:block;font-style:normal;color:var(--muted);font-size:13px}.card.green b{color:var(--green)}.card.red b{color:var(--red)}.card .good{color:var(--green)}.card .bad{color:var(--red)}
.panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 18px 34px rgba(10,26,51,.052);margin-bottom:20px}.panelTitle{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.panelTitle h2{margin:0;font-size:23px}.panelTitle p{margin:7px 0 0;color:var(--muted);font-size:15px}.panelTitle>strong{background:#e9f8ef;color:var(--green);border-radius:20px;padding:10px 18px;font-size:17px;white-space:nowrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.chartBox{position:relative;height:300px}.chartBox.big{height:340px}.chartBox.small{height:210px}
.projection{display:flex;gap:12px;flex-wrap:wrap;margin:-2px 0 12px}.projection span{background:#f8fafc;border:1px solid var(--line);border-radius:999px;padding:8px 14px;color:var(--muted)}.projection b{color:var(--navy)}
.managementGrid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.mgmt{border:1px solid var(--line);border-radius:18px;padding:15px;background:#fbfcff;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center}.mgmt>span{font-size:23px}.mgmt.ok>span,.mgmt.ok strong{color:var(--green)}.mgmt.warn>span,.mgmt.warn strong{color:var(--warn)}.mgmt.bad>span,.mgmt.bad strong{color:var(--red)}.mgmt b{display:block;font-size:15px}.mgmt small{display:block;color:var(--muted);margin-top:3px}.mgmt strong{font-size:20px}.mgmt em{grid-column:1/-1;font-style:normal;color:var(--muted);font-size:13px}
.gaugeWrap{display:grid;grid-template-columns:210px 1fr;gap:16px;align-items:center}.gauge{--gauge:0;width:185px;height:185px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:conic-gradient(var(--green) calc(var(--gauge)*1%),#e8edf5 0);position:relative;margin:auto}.gauge:after{content:"";position:absolute;width:132px;height:132px;background:#fff;border-radius:50%;box-shadow:inset 0 0 0 1px var(--line)}.gauge span,.gauge small{position:relative;z-index:1}.gauge span{font-size:34px;font-weight:900;color:var(--green)}.gauge small{color:var(--muted);font-weight:700}
.bar{margin:14px 0}.bar span{display:flex;justify-content:space-between;gap:15px;margin-bottom:8px}.bar b{font-weight:700}.bar em{font-style:normal;color:var(--muted)}.bar>div{height:12px;background:#d8e0ec;border-radius:20px;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--green),#55c77d);border-radius:20px}.bar.danger i{background:linear-gradient(90deg,var(--red),#ff786f)}.empty{color:var(--muted);padding:18px;border:1px dashed var(--line);border-radius:14px;background:#fafbfd}
.pprList{display:grid;gap:10px}.pprItem{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center;border:1px solid var(--line);border-radius:14px;padding:13px 15px;background:#fbfcff}.pprItem div{display:flex;flex-direction:column}.pprItem b{font-size:15px}.pprItem span,.pprItem em{color:var(--muted);font-style:normal}.pprItem strong{font-size:21px}.pprItem.ok strong{color:var(--green)}.pprItem.warn strong{color:var(--warn)}.pprItem.bad strong{color:var(--red)}.pprItem em{grid-column:1 / -1;font-size:13px}
.form{display:grid;gap:14px}.metasForm{grid-template-columns:repeat(5,1fr)}.manualForm{grid-template-columns:160px 1fr 1fr 1fr 2fr 140px}.form label{font-size:13px;color:var(--muted);font-weight:700}.form input{width:100%;height:46px;border:1px solid var(--line);border-radius:13px;padding:0 14px;font-size:14px;margin-top:7px}.form>input{height:46px;border:1px solid var(--line);border-radius:13px;padding:0 14px;font-size:14px}.form button{margin:0;height:46px}.toast{position:fixed;right:30px;bottom:30px;background:#0f9d58;color:#fff;padding:15px 20px;border-radius:14px;font-weight:800;opacity:0;transform:translateY(12px);pointer-events:none;transition:.25s;z-index:20}.toast.show{opacity:1;transform:translateY(0)}.toast.bad{background:#e94438}
@media(max-width:1400px){.cardsGrid{grid-template-columns:repeat(4,1fr)}.managementGrid{grid-template-columns:repeat(3,1fr)}.metasForm,.manualForm{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}}
@media(max-width:900px){.sidebar{position:relative;width:auto;border-right:0;border-bottom:1px solid #ead7a5}.brand span,.brand b{font-size:34px}main{margin-left:0;padding:20px 16px}.topbar{flex-direction:column}.cardsGrid,.managementGrid{grid-template-columns:1fr}.manualForm,.metasForm{grid-template-columns:1fr}.chartBox,.chartBox.big{height:320px}.gaugeWrap{grid-template-columns:1fr}.miniFilters{width:100%}.miniFilters input{width:100%}}
.actionGroup{display:flex;gap:10px;align-items:center}.actionGroup button{width:auto;min-width:130px;margin:0;height:38px;padding:0 16px;border-radius:13px;font-size:13px}.suggestionBox{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.suggestionBox div,.clientSummary div,.qualityBox .quality{border:1px solid var(--line);background:#fbfcff;border-radius:16px;padding:14px}.suggestionBox b,.clientSummary b{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.suggestionBox span,.clientSummary b{font-weight:900;color:var(--navy)}.suggestionBox span{font-size:20px}.pesosForm{grid-template-columns:repeat(6,1fr)}.clientSummary{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.clientSummary b{font-size:24px;color:var(--green)}.clientSummary span{display:block;font-weight:800}.clientSummary em{display:block;font-style:normal;color:var(--muted);font-size:13px;margin-top:5px}.qualityBox .quality strong{display:block;font-size:19px;margin-bottom:8px}.qualityBox .quality p{margin:0 0 10px;color:var(--muted);line-height:1.35}.qualityBox .quality small{color:var(--muted)}.qualityBox .quality.ok{border-color:#bfeccc;background:#f0fff5}.qualityBox .quality.warn{border-color:#ffe0a2;background:#fffaf0}.qualityBox .quality.bad{border-color:#ffc5c1;background:#fff5f4}.compareFilters{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}.compareFilters>div{display:grid;grid-template-columns:100px 1fr 1fr 1fr;gap:10px;align-items:end;border:1px solid var(--line);background:#fbfcff;border-radius:16px;padding:14px}.compareFilters b{font-size:15px}.compareFilters label{font-size:12px;color:var(--muted);font-weight:800}.compareFilters input,.compareFilters select{display:block;width:100%;height:40px;margin-top:6px;border:1px solid var(--line);border-radius:12px;background:#fff;padding:0 10px;font-size:14px}
@media(max-width:1400px){.suggestionBox,.clientSummary{grid-template-columns:1fr 1fr}.pesosForm{grid-template-columns:1fr 1fr 1fr}.compareFilters{grid-template-columns:1fr}.compareFilters>div{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.suggestionBox,.clientSummary,.pesosForm,.compareFilters>div{grid-template-columns:1fr}.actionGroup{flex-direction:column;align-items:stretch}.actionGroup button{width:100%}}

.secondaryBtn{background:#fff!important;border:1px solid #e3c15b!important;color:#001b3f!important;box-shadow:none!important}
.hintBox{margin:10px 0 0;color:#52627a;background:#fff8e2;border:1px solid #f0d27a;border-radius:14px;padding:12px 14px}