:root{--navy:#232b3e;--navy-soft:#2e3850;--green:#227056;--green-soft:#e7f1ec;--amber:#b8791a;--amber-soft:#fbf0dd;--red:#c23b3b;--red-soft:#fbeaea;--gray:#6e7178;--bg:#f7f7f7;--card:#fff;--line:#e1e2e5;--text:#232b3e;--text-soft:#6e7178;--radius:12px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14px}h1,h2{margin:0;font-family:Space Grotesk,Arial,sans-serif;letter-spacing:-.01em}.app{max-width:1100px;margin:0 auto;padding:28px 20px 60px}header.top{margin-bottom:24px}.brand{gap:14px}.brand,.brand .mark{display:flex;align-items:center}.brand .mark{width:44px;height:44px;border-radius:50%;background:var(--navy);border:2.5px solid var(--green);flex-shrink:0;justify-content:center;color:#fff;font-weight:700;font-family:Space Grotesk,Arial,sans-serif;font-size:19px}.brand h1{font-size:20px;font-weight:700;color:var(--navy);line-height:1.15}.brand p{margin:2px 0 0;font-size:12.5px;color:var(--green);font-weight:600;letter-spacing:.03em}nav.tabs{display:flex;gap:4px;background:var(--card);padding:5px;border-radius:11px;border:1px solid var(--line);margin-bottom:20px;width:-moz-fit-content;width:fit-content}nav.tabs button{border:none;background:transparent;padding:9px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:13px;color:var(--text-soft);font-family:Inter,sans-serif}nav.tabs button.active{background:var(--navy);color:#fff}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:22px}.card,.card h2{margin-bottom:16px}.card h2{font-size:15px;font-weight:700;color:var(--navy)}.grid{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:14px}@media(max-width:720px){.grid{grid-template-columns:1fr}}label{display:block;font-size:12px;font-weight:600;color:var(--navy-soft);margin-bottom:5px}input,select{width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:8px;font-size:13.5px;background:#fcfcfd;color:var(--text);font-family:Inter,sans-serif}input:focus,select:focus{outline:none;border-color:var(--green)}.field{margin-bottom:0}.hint{font-size:11px;display:block;margin-top:4px;color:var(--text-soft)}.btn{border:none;padding:10px 18px;border-radius:8px;font-weight:600;font-size:13.5px;cursor:pointer;font-family:Inter,sans-serif;transition:background .15s}.btn-primary{background:var(--navy);color:#fff}.btn-primary:hover{background:var(--navy-soft)}.btn-primary:disabled{opacity:.6;cursor:default}.alert{padding:10px 13px;border-radius:8px;font-size:12.5px;margin-bottom:14px;font-weight:500}.alert.ok{background:var(--green-soft);color:var(--green);border:1px solid #cdeadd}.alert.error{background:var(--red-soft);color:var(--red);border:1px solid #f2cccc}table{width:100%;border-collapse:collapse;font-size:12.8px}th{text-align:left;background:var(--bg);color:var(--text-soft);font-weight:600;font-size:11px;text-transform:uppercase;letter-spacing:.03em}td,th{padding:9px 10px;border-bottom:1px solid var(--line)}.muted{color:var(--text-soft);font-size:12px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:16px}@media(max-width:800px){.kpi-grid{grid-template-columns:1fr 1fr}}.kpi{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.kpi .num{font-size:26px;font-weight:700;color:var(--navy);font-family:Space Grotesk,sans-serif}.kpi .lbl{font-size:12px;color:var(--text-soft);margin-top:2px}.tag{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}.tag-green{background:var(--green-soft);color:var(--green)}.tag-amber{background:var(--amber-soft);color:var(--amber)}.bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.bar-label{width:130px;font-size:12.5px}.bar-track{flex:1 1;background:var(--bg);border-radius:6px;height:14px;overflow:hidden}.bar-fill{background:var(--green);height:100%}.bar-val{width:34px;text-align:right;font-weight:600}.toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap;align-items:center}.row-inline{display:flex;gap:8px;margin-bottom:12px}.row-inline input{flex:1 1}.catalog-list{display:flex;flex-direction:column;gap:6px;max-height:280px;overflow-y:auto}.catalog-item{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--bg);border-radius:7px;font-size:12.8px}.btn-ghost{background:transparent;color:var(--navy-soft);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--navy)}.btn-danger{background:var(--red-soft);color:var(--red);border:1px solid #f2cccc}.btn-sm{padding:5px 10px;font-size:12px;border-radius:6px}.card-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.card-hero{background:var(--card);border-radius:20px;padding:22px;box-shadow:0 20px 40px -28px rgba(35,43,62,.35)}.kpi-ring-row{display:grid;grid-template-columns:220px 1fr;grid-gap:20px;gap:20px;margin-bottom:16px}@media(max-width:720px){.kpi-ring-row{grid-template-columns:1fr}}.kpi-ring-card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 20px}.kpi-ring-wrap{position:relative;width:150px;height:150px;margin:0 auto}.kpi-ring-wrap svg{width:100%;height:100%;transform:rotate(-90deg)}.kpi-ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.kpi-ring-num{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;color:var(--navy)}.kpi-ring-lbl{font-size:11px;color:var(--text-soft);margin-top:4px;line-height:1.3}.kpi-ring-total{font-size:11.5px;color:var(--text-soft);margin-top:18px}.kpi-stat-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.kpi-stat{border-radius:14px;padding:16px}.kpi-stat .lbl{font-size:12px;margin-bottom:6px;font-weight:600}.kpi-stat .num{font-family:Space Grotesk,sans-serif;font-size:22px;font-weight:700}.kpi-stat .sub{font-size:11px;margin-top:2px}.app-footer{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}.app-footer .contact-col .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--text-soft);margin-bottom:8px;font-weight:600}.app-footer .contact-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--navy-soft);margin-bottom:4px}.app-footer .copy{font-size:11px;color:var(--text-soft);align-self:flex-end}.hero{background:var(--navy);border-radius:20px;padding:32px 32px 36px;position:relative;overflow:hidden;margin-bottom:24px}.hero:before{top:-70px;right:-40px;width:220px;height:220px;border-radius:50%;border:2px solid rgba(34,112,86,.35)}.hero:after,.hero:before{content:"";position:absolute}.hero:after{bottom:-90px;right:50px;width:160px;height:160px;border-radius:50%;border:2px solid rgba(34,112,86,.2)}.hero .brandline{display:flex;align-items:center;gap:9px;margin-bottom:20px;position:relative;z-index:1}.hero .brandline .mark{width:28px;height:28px;font-size:12px;border-width:2px}.hero .brandline span{letter-spacing:.06em;color:#9aa4bd}.hero .brandline span,.hero .eyebrow{font-size:11px;font-weight:600;text-transform:uppercase}.hero .eyebrow{font-family:Space Grotesk,sans-serif;letter-spacing:.14em;color:var(--green);margin-bottom:8px;position:relative;z-index:1}.hero h1{font-size:30px}.hero .slogan,.hero h1{color:#fff;font-weight:700;position:relative;z-index:1}.hero .slogan{font-family:Space Grotesk,sans-serif;font-size:26px;line-height:1.2}.hero .divider-sub{margin-top:16px;padding-top:14px;border-top:1px solid hsla(0,0%,100%,.12);position:relative;z-index:1;color:#8891a8;font-size:12.5px;max-width:400px}.portal-hero{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:24px;overflow:hidden}.portal-hero-strip{background:var(--navy);height:14px}.portal-hero-body{padding:28px 32px 32px}.portal-hero .brandline{display:flex;align-items:center;gap:10px;margin-bottom:20px}.portal-hero .brandline .mark{width:32px;height:32px;font-size:14px;border-width:2px}.portal-hero .brandline .wordmark-title{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:800;color:var(--navy);line-height:1.15}.portal-hero .brandline .wordmark-sub{font-family:Space Grotesk,sans-serif;font-size:9.5px;font-weight:700;letter-spacing:.12em;color:var(--green)}.portal-hero .eyebrow{font-family:Space Grotesk,sans-serif;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--green);margin-bottom:6px}.portal-hero h1{color:var(--navy);font-size:28px;font-weight:700}.portal-hero p.sub{color:var(--text-soft);font-size:13px;margin-top:8px;max-width:440px}.tag-enviada{background:#edeff4;color:var(--navy-soft)}