:root{--bg:#f4f1e9;--surface:#fffdf8;--ink:#173228;--muted:#6d756f;--line:#dddcd3;--green:#173b30;--gold:#d9a441;--shadow:0 18px 50px rgba(31,49,39,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--green);color:white;padding:34px 22px;display:flex;flex-direction:column;z-index:10}.brand{display:block;width:128px;margin:0 12px 54px}.brand img{display:block;width:100%;filter:brightness(0) invert(1)}nav{display:grid;gap:8px}.nav-item{color:#c8d5cf;text-decoration:none;padding:13px 15px;border-radius:12px;font-weight:600;font-size:14px;display:flex;gap:13px;align-items:center}.nav-item span{width:21px;font-size:19px;text-align:center}.nav-item:hover,.nav-item.active{background:#285244;color:white}.sidebar-foot{margin-top:auto;border-top:1px solid #36584d;padding:23px 10px 0;display:flex;align-items:center;gap:11px}.sidebar-foot strong,.sidebar-foot small{display:block}.sidebar-foot strong{font-size:13px}.sidebar-foot small{color:#9db2a9;font-size:11px;margin-top:3px}.online-dot{width:9px;height:9px;border-radius:50%;background:#8edb8b;box-shadow:0 0 0 5px #2f5a49}main{margin-left:250px;min-height:100vh}.topbar{height:128px;padding:30px 5vw;display:flex;align-items:center;justify-content:space-between}.welcome>span{font-size:11px;font-weight:700;letter-spacing:.14em;color:#8d918a}.welcome h1{font-family:"Playfair Display";font-size:25px;margin:5px 0 0}.welcome em,.hero em{color:var(--gold);font-weight:600}.top-actions{display:flex;align-items:center;gap:13px}.icon-button,.menu-button{border:1px solid var(--line);background:var(--surface);color:var(--ink);width:43px;height:43px;border-radius:50%;font-size:19px;cursor:pointer}.menu-button{display:none}.avatar{width:45px;height:45px;border-radius:14px;background:var(--green);color:white;display:grid;place-items:center;font-weight:700;font-size:13px}.hero{margin:0 5vw 50px;min-height:320px;border-radius:28px;padding:56px 6%;background:var(--green);color:white;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;box-shadow:var(--shadow)}.hero:before,.hero:after{content:"";position:absolute;border:1px solid rgba(255,255,255,.1);border-radius:50%}.hero:before{width:380px;height:380px;right:-100px;top:-175px}.hero:after{width:280px;height:280px;right:80px;bottom:-210px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.19em;color:var(--gold)}.hero h2{font-family:"Playfair Display";font-size:clamp(38px,4vw,62px);line-height:1.03;margin:13px 0 18px}.hero p{color:#c7d4ce;max-width:520px;line-height:1.65}.hero-mark{font-family:"Playfair Display";font-size:190px;line-height:1;color:rgba(255,255,255,.045);font-weight:700;margin-right:5%;z-index:1}.section{padding:0 5vw 70px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.section-head h2,.activity h2{font-family:"Playfair Display";font-size:34px;margin:7px 0 0}.search{height:45px;width:260px;background:var(--surface);border:1px solid var(--line);border-radius:13px;display:flex;align-items:center;padding:0 14px;gap:10px}.search input{border:0;outline:0;background:transparent;color:var(--ink);font:inherit;width:100%}.sector-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.sector-card{min-height:300px;background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:23px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.25s ease}.sector-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--accent)}.sector-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:transparent}.card-icon{width:48px;height:48px;border-radius:15px;background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:21px}.card-status{position:absolute;right:20px;top:25px;font-size:10px;font-weight:700;color:#3b885e;background:#e5f4e8;border-radius:30px;padding:5px 9px}.sector-card>div{margin-top:35px}.sector-card small{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.13em}.sector-card h3{font-family:"Playfair Display";font-size:26px;margin:7px 0 9px}.sector-card p{font-size:13px;line-height:1.55;color:var(--muted);margin:0}.card-link{margin-top:auto;padding-top:20px;border-top:1px solid var(--line);font-size:12px;font-weight:700;display:flex;justify-content:space-between}.gold{--accent:#c68f22}.green{--accent:#2f7659}.orange{--accent:#d66d38}.blue{--accent:#397ca5}.violet{--accent:#7664ae}.red{--accent:#bc4f4b}.pink{--accent:#b45a82}.teal{--accent:#247d7a}.empty-state{display:none;text-align:center;padding:50px;color:var(--muted)}.activity{margin:0 5vw 50px;background:#e8e2d2;border-radius:24px;padding:40px;display:flex;align-items:center;justify-content:space-between}.activity p{max-width:530px;color:var(--muted);line-height:1.55}.metrics{display:flex;gap:45px}.metrics div{text-align:center}.metrics strong,.metrics span{display:block}.metrics strong{font:700 36px "Playfair Display"}.metrics span{font-size:11px;text-transform:uppercase;color:var(--muted);letter-spacing:.1em}footer{border-top:1px solid var(--line);margin:0 5vw;padding:24px 0 35px;display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.toast{position:fixed;right:25px;bottom:25px;background:#172f27;color:white;padding:15px 20px;border-radius:12px;box-shadow:var(--shadow);transform:translateY(120px);opacity:0;transition:.3s;z-index:20}.toast.show{transform:none;opacity:1}.dark{--bg:#101b17;--surface:#182721;--ink:#edf3ef;--muted:#a9b7b0;--line:#2d4038;--shadow:0 18px 50px rgba(0,0,0,.24)}.dark .activity{background:#20352d}.dark .card-status{background:#274535;color:#9dd9b5}@media(max-width:1180px){.sector-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.sidebar{transform:translateX(-100%);transition:.3s}.sidebar.open{transform:none;box-shadow:20px 0 50px rgba(0,0,0,.25)}main{margin-left:0}.menu-button{display:block}.topbar{padding:22px 20px;height:110px}.welcome{margin-right:auto;margin-left:13px}.welcome h1{font-size:19px}.welcome>span,.icon-button{display:none}.hero{margin:0 18px 38px;padding:40px 28px;min-height:320px}.hero-mark{display:none}.section{padding:0 18px 50px}.section-head{display:block}.search{width:100%;margin-top:18px}.sector-grid{grid-template-columns:1fr}.activity{margin:0 18px 35px;display:block;padding:30px}.metrics{margin-top:30px;gap:30px;justify-content:space-between}footer{margin:0 18px}.sector-card{min-height:275px}}