:root{--deep:#053f3c;--pine:#086b5b;--mint:#0bb789;--aqua:#def6ec;--bg:#f4f8f9;--ink:#142b3b;--muted:#657b8b;--line:#e4eded;--white:#fff;--orange:#f59e0b;--blue:#2576ed;--purple:#8257d7;--rose:#ef546b;--shadow:0 12px 36px rgba(13,62,67,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font:14px/1.55 'Segoe UI',Inter,Arial,sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #f5b542;outline-offset:3px}[hidden]{display:none!important}
.shell{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.sidebar{background:linear-gradient(166deg,#053f3c 0%,#043536 62%,#0c5c56 100%);color:#e4fff6;position:sticky;top:0;height:100vh;padding:24px 14px 20px;display:flex;flex-direction:column;overflow:auto;scrollbar-width:thin}.brand{display:flex;gap:12px;align-items:center;padding:6px 10px 19px;border-bottom:1px solid #ffffff26}.brand img{width:46px;height:46px;object-fit:contain}.brand strong{color:white;font-size:21px;line-height:1.1;letter-spacing:.3px}.brand small{display:block;font-size:10px;color:#b8e6dd;letter-spacing:.4px}.side-label{margin:25px 10px 10px;letter-spacing:1.7px;font-size:10px;color:#a9d0cc;font-weight:800}.nav{display:grid;gap:5px}.nav a{display:flex;align-items:center;gap:11px;min-height:41px;padding:10px 13px;border-radius:10px;color:#e0f3ec;font-size:13px}.nav a:hover,.nav a.active{background:linear-gradient(110deg,#0d937a,#087565);color:white;font-weight:700}.nav .symbol{width:21px;font-size:17px;opacity:.94;text-align:center}.side-footer{margin-top:auto;padding:22px 12px 4px;font-size:12px;line-height:1.7;color:#afddd5}.side-footer .identity{font-weight:800;color:white;letter-spacing:.5px}.main{min-width:0}.topbar{height:65px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 29px;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.topbar .context{font-size:13px;font-weight:700;color:#1f5360}.top-right{display:flex;align-items:center;gap:12px}.tag{font-size:11px;font-weight:800;padding:6px 11px;border-radius:99px;background:#e3f6ed;color:#057052;white-space:nowrap}.tag.amber{background:#fff2d6;color:#a46b03}.tag.blue{background:#e9f2ff;color:#2166bf}.tag.rose{background:#ffecf0;color:#b83555}.tag.purple{background:#f1eafd;color:#7944c1}.profile-round{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-weight:900;background:#0c826d;color:white}.mobile-toggle{display:none;border:0;background:transparent;font-size:24px;color:var(--deep)}.content{max-width:1700px;margin:auto;padding:22px 28px 40px}.hero{position:relative;min-height:165px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;padding:28px 31px;border-radius:17px;background:linear-gradient(90deg,rgba(3,56,53,.97),rgba(5,65,60,.84) 43%,rgba(5,65,60,.22)),url('assets/hero-granada.jpg') center 46%/cover;color:#fff;box-shadow:var(--shadow)}.hero:after{content:'';position:absolute;inset:auto 0 0;height:3px;background:linear-gradient(90deg,#0fb68d,#f5a623,transparent)}.hero h1{font-size:clamp(26px,2.5vw,37px);line-height:1.14;letter-spacing:-.85px;margin:5px 0 9px}.hero p{margin:0;color:#ddf5ed;max-width:610px}.eyebrow{font-size:10px!important;letter-spacing:2.3px;text-transform:uppercase;color:#91e7d1!important;font-weight:900}.hero-label{margin-left:20px;background:#ffffff18;border:1px solid #ffffff3b;border-radius:12px;padding:13px 18px;text-align:center;min-width:118px;backdrop-filter:blur(8px)}.hero-label strong{font-size:20px;display:block}.hero-label small{font-size:10px;letter-spacing:1.2px}.notice{margin:15px 0;display:flex;align-items:flex-start;gap:11px;padding:12px 15px;border:1px solid #b8e5d3;border-radius:12px;background:#f0fbf5;color:#17634f}.notice.orange{background:#fffbef;border-color:#f6dca9;color:#91601f}.notice svg{flex-shrink:0}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin:17px 0}.btn{min-height:39px;padding:9px 15px;border-radius:9px;border:1px solid #b8d3ce;background:white;color:var(--deep);font-size:12px;font-weight:750}.btn:hover{filter:brightness(.97)}.btn.primary{background:linear-gradient(110deg,#007d69,#0a9478);border-color:#06806a;color:white}.btn.light{border-color:#dfe9eb;background:#f4f8f9}.btn.warn{background:#fff6e7;color:#a46616;border-color:#f4d9ac}.btn[disabled]{opacity:.45;cursor:not-allowed}.select{min-height:40px;padding:8px 34px 8px 12px;border:1px solid #d9e6e8;border-radius:9px;background:#fff;color:var(--ink);max-width:100%;min-width:190px}.filter-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between}.filter-row .group{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.stat{background:#fff;border:1px solid #e8eff1;border-radius:14px;padding:17px 16px;display:flex;gap:12px;align-items:center;min-height:106px;box-shadow:var(--shadow)}.stat .stat-icon{width:49px;height:49px;border-radius:13px;background:#e6f7ef;color:#008367;font-size:23px;display:grid;place-items:center;flex-shrink:0}.stat:nth-child(4n + 2) .stat-icon{background:#e7f1ff;color:#2675e4}.stat:nth-child(4n + 3) .stat-icon{background:#fff1df;color:#ef900e}.stat:nth-child(4n) .stat-icon{background:#f0e7ff;color:#884fd0}.stat small{display:block;font-size:11px;color:var(--muted);font-weight:700}.stat strong{font-size:24px;line-height:1.4;display:block;letter-spacing:-.5px;color:#103d3b}.stat em{display:block;font-size:10px;color:var(--muted);font-style:normal}.grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(285px,1fr);gap:13px;margin:13px 0}.grid.half{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.triple{grid-template-columns:repeat(3,minmax(0,1fr))}.panel{background:white;border:1px solid #e6edef;border-radius:14px;padding:18px;box-shadow:var(--shadow);min-width:0}.panel h2{margin:0;font-size:15px;line-height:1.4}.panel h3{margin:5px 0;font-size:13px}.panel p{color:var(--muted)}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:15px}.section-note{font-size:11px;color:var(--muted);display:block;margin-top:3px}.subtext{font-size:11px;color:var(--muted)}.row-item{display:flex;gap:12px;align-items:center;padding:11px 0;border-bottom:1px solid #ecf1f1}.row-item:last-child{border-bottom:0}.row-item .row-icon{width:39px;height:39px;border-radius:10px;background:#ecf8f3;color:#117b68;display:grid;place-items:center;font-size:19px;flex-shrink:0}.row-item>div:nth-child(2){flex:1;min-width:0}.row-item strong{display:block;font-size:12px}.row-item small{display:block;font-size:11px;color:var(--muted)}.row-item .row-val{font-size:12px;font-weight:800;color:var(--deep);white-space:nowrap}.empty{padding:24px 16px;text-align:center;background:#f8fbfb;border:1px dashed #cbdede;border-radius:12px;color:#6b8190;font-size:12px}.empty strong{display:block;color:#315b5a}.progress{height:8px;background:#e8eff2;border-radius:20px;overflow:hidden;margin:7px 0 5px}.progress>span{height:100%;background:linear-gradient(90deg,#007e69,#39c7a0);display:block;border-radius:20px}.progress.blue>span{background:linear-gradient(90deg,#237bef,#73b0ff)}.progress.amber>span{background:linear-gradient(90deg,#e8a331,#fac862)}.progress.purple>span{background:linear-gradient(90deg,#8560d2,#ac8eef)}.table-wrap{overflow:auto;max-width:100%}table{border-collapse:collapse;width:100%;font-size:11px;min-width:490px}th{text-align:left;background:#f5f8fa;color:#6a7e8b;padding:10px 9px;font-weight:750;white-space:nowrap}td{padding:11px 9px;border-bottom:1px solid #eff2f2;vertical-align:middle}tr:last-child td{border-bottom:0}td b{font-size:11px}td small{display:block;color:var(--muted)}.metric-list{display:grid;gap:12px}.metric-line{display:grid;grid-template-columns:150px 1fr 45px;gap:10px;align-items:center;font-size:12px}.metric-line b{text-align:right}.metric-line .progress{margin:0}.info-pair{display:grid;grid-template-columns:135px minmax(0,1fr);padding:9px 0;border-bottom:1px solid #eef2f2;font-size:12px;gap:10px}.info-pair span:first-child{color:var(--muted)}.info-pair b{font-weight:750}.mini-bars{height:148px;display:flex;align-items:flex-end;justify-content:space-evenly;gap:7px;padding:19px 6px 22px;border-bottom:1px solid #dfe9eb;background:repeating-linear-gradient(to top,transparent,transparent 28px,#f0f3f4 29px,#f0f3f4 30px)}.mini-bars .bar-col{display:flex;flex:1;align-items:flex-end;justify-content:center;height:100%;position:relative}.mini-bars .bar{width:65%;max-width:43px;min-height:3px;border-radius:5px 5px 0 0;background:linear-gradient(#32c7a3,#00806a)}.mini-bars .bar.secondary{background:linear-gradient(#7eb6ff,#2979ef);width:26%;margin-left:3px}.mini-bars .bar-col small{position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:10px;color:var(--muted)}.ring-layout{display:flex;gap:20px;align-items:center}.ring{width:134px;height:134px;border-radius:50%;background:conic-gradient(#0ba47f var(--slice,75%),#eaf0f2 0);display:grid;place-items:center;flex-shrink:0}.ring:before{content:'';position:absolute;width:91px;height:91px;border-radius:50%;background:white}.ring{position:relative}.ring strong{z-index:1;text-align:center;font-size:22px;color:var(--deep)}.ring strong small{display:block;font-size:10px;color:var(--muted);font-weight:500}.legend{display:grid;gap:10px;font-size:12px;min-width:0;flex:1}.legend>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.legend span{min-width:0}.dot{width:9px;height:9px;border-radius:99px;background:#0ca77e;display:inline-block;margin-right:7px}.dot.blue{background:#338af4}.dot.orange{background:#f5ac2b}.dot.purple{background:#8b62d9}.dot.rose{background:#ed576f}.divider{height:1px;background:var(--line);margin:14px 0}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.quick a{padding:13px 9px;border:1px solid #e5eced;border-radius:10px;text-align:center;background:#f9fbfb;font-size:11px;font-weight:800;color:#256459}.quick a span{display:block;font-size:21px;margin-bottom:4px}.quick a:hover{border-color:#0a9b80;background:#effbf6}.divider-header{margin:23px 0 7px;display:flex;justify-content:space-between;align-items:center;gap:8px}.divider-header h2{font-size:16px;margin:0}.footer{border-top:1px solid #e1e9e9;padding:18px 0;margin-top:22px;font-size:11px;color:#778d97;display:flex;justify-content:space-between;flex-wrap:wrap;gap:6px}.focus-chip{display:flex;gap:8px;align-items:center;font-size:12px;color:#547078}.focus-chip strong{color:var(--deep)}.toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.accent-note{background:#f3f8fb;border-left:3px solid #16856d;padding:9px 12px;border-radius:5px;color:#44616b;font-size:11px}.tiny-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tiny-card{background:#f5f9fa;border:1px solid #e8f0f0;padding:12px;border-radius:10px}.tiny-card small{display:block;color:var(--muted);font-size:10px}.tiny-card strong{font-size:19px;color:var(--deep)}.divider-line{border-top:1px solid #e8eff0;margin:12px 0}.overlay{position:fixed;inset:0;background:#092b3080;z-index:35}.banner-locked{padding:10px 14px;background:#fff5e9;border:1px solid #f5dbb9;border-radius:10px;font-size:11px;color:#8c5a13}
@media(max-width:1260px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.triple{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:990px){.shell{display:block}.sidebar{position:fixed;width:260px;z-index:50;transform:translateX(-105%);transition:.2s}.sidebar.open{transform:none}.mobile-toggle{display:block}.content{padding:18px}.topbar{padding:0 18px}.grid,.grid.half{grid-template-columns:minmax(0,1fr)}.grid.triple{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{min-height:155px}}@media(max-width:620px){.content{padding:12px}.hero{min-height:190px;padding:23px 19px;background-position:center}.hero h1{font-size:27px}.hero-label{display:none}.stats{gap:8px}.stat{padding:12px 10px;min-height:95px;gap:8px}.stat .stat-icon{width:39px;height:39px;font-size:20px}.stat strong{font-size:18px}.stat small{font-size:10px}.grid.triple{grid-template-columns:1fr}.panel{padding:15px}.ring-layout{flex-wrap:wrap}.ring{width:112px;height:112px}.ring:before{width:74px;height:74px}.quick{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar .top-right>span:last-child{display:none}.metric-line{grid-template-columns:100px 1fr 38px}.info-pair{grid-template-columns:110px 1fr}.footer{display:block}}
@media print{.sidebar,.topbar,.actions,.mobile-toggle,.overlay,.btn,.filter-row{display:none!important}.shell{display:block}.content{padding:0}.hero{background:var(--deep)!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.panel,.stat{box-shadow:none;break-inside:avoid}.grid{grid-template-columns:1fr 1fr}.stats{grid-template-columns:repeat(4,1fr)}body{background:#fff}}