:root{--navy:#062b45;--navy-2:#0a3b5d;--blue:#1074a8;--cyan:#19a7c7;--ink:#172430;--muted:#6e7c87;--line:#dfe7ec;--paper:#fff;--bg:#f3f6f8;--gold:#d99b33;--danger:#bc3c3c;--shadow:0 16px 45px rgba(13,45,64,.12)}*{box-sizing:border-box}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:var(--bg)}button,input,select,textarea{font:inherit}button{cursor:pointer}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.2fr .8fr;background:var(--paper)}.login-visual{position:relative;overflow:hidden;padding:64px;display:flex;flex-direction:column;justify-content:space-between;color:white;background:linear-gradient(145deg,#031f34,#07527a)}.login-visual:after{content:"";position:absolute;width:680px;height:680px;border:1px solid rgba(255,255,255,.12);border-radius:48%;right:-270px;bottom:-320px;box-shadow:0 0 0 90px rgba(255,255,255,.035),0 0 0 180px rgba(255,255,255,.025)}.brand{font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:.18em}.brand span{color:#35c0db}.login-copy{position:relative;z-index:1;max-width:680px}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:700;color:#79d7e8}.login-copy h1{font:800 clamp(44px,6vw,76px)/1.02 Manrope,sans-serif;margin:18px 0 24px}.login-copy p{font-size:19px;line-height:1.65;color:#d2e6ef;max-width:570px}.login-panel{display:grid;place-items:center;padding:48px}.login-card{width:min(420px,100%)}.login-card h2{font:800 34px/1.2 Manrope,sans-serif;margin:0 0 10px}.login-card>p{color:var(--muted);margin-bottom:30px}.field{display:grid;gap:8px;margin-bottom:18px}.field label{font-size:13px;font-weight:700}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px 14px;background:white;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(16,116,168,.12)}.btn{border:0;border-radius:10px;padding:12px 18px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--navy);color:white}.btn-primary:hover{background:var(--navy-2)}.btn-secondary{background:#e8f1f5;color:var(--navy)}.btn-danger{background:#fff0f0;color:var(--danger)}.btn-wide{width:100%;padding:14px}.error{color:var(--danger);background:#fff0f0;padding:10px 12px;border-radius:8px;font-size:14px}.demo-accounts{margin-top:28px;padding:18px;border-radius:12px;background:#f6f9fa;font-size:13px;line-height:1.65;color:var(--muted)}.demo-accounts strong{color:var(--ink)}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px 1fr}.sidebar{background:var(--navy);color:white;padding:28px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.sidebar .brand{font-size:22px;padding:0 10px 30px}.nav{display:grid;gap:6px}.nav button{border:0;background:transparent;color:#b8d0dc;text-align:left;padding:12px 14px;border-radius:9px;font-weight:600}.nav button:hover,.nav button.active{background:rgba(255,255,255,.11);color:white}.nav .admin-only{margin-top:18px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12)}.account{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding:20px 10px 0}.account strong,.account span{display:block}.account span{font-size:12px;color:#9db9c7;margin:4px 0 14px}.main{min-width:0}.topbar{height:76px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid var(--line)}.topbar h2{font:700 18px Manrope,sans-serif}.content{padding:34px 38px 60px;max-width:1500px}.hero-row{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:26px}.hero-row h1{font:800 clamp(30px,4vw,46px)/1.1 Manrope,sans-serif;margin:0 0 8px}.hero-row p{color:var(--muted);margin:0}.badge{font-size:12px;font-weight:700;padding:7px 10px;border-radius:999px;background:#dff4ed;color:#217458}.project-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(285px,1fr));gap:20px}.project-card{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(20,48,65,.06);transition:.2s}.project-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.project-band{height:7px;background:var(--blue)}.project-card.gold .project-band{background:var(--gold)}.project-body{padding:23px}.project-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.project-card h3{font:700 21px Manrope,sans-serif;margin:18px 0 8px}.project-card p{color:var(--muted);line-height:1.55;min-height:50px}.project-footer{border-top:1px solid var(--line);padding:15px 23px;display:flex;justify-content:space-between;align-items:center;font-size:13px}.report-shell{background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:var(--shadow)}.report-toolbar{padding:16px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.report-toolbar h3{margin:0;font:700 16px Manrope,sans-serif}.report-frame{width:100%;height:calc(100vh - 230px);min-height:560px;border:0}.demo-report{min-height:560px;padding:30px;background:#eef3f6}.demo-head{display:flex;justify-content:space-between;align-items:center}.demo-head h2{font:800 26px Manrope,sans-serif;margin:0}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:28px 0}.kpi,.chart-card{background:white;border:1px solid var(--line);border-radius:12px;padding:20px}.kpi span{color:var(--muted);font-size:12px}.kpi strong{display:block;font:800 28px Manrope,sans-serif;margin-top:8px}.charts{display:grid;grid-template-columns:1.4fr .6fr;gap:16px}.bars{height:250px;display:flex;align-items:end;gap:18px;padding-top:25px}.bar{flex:1;background:linear-gradient(#1ea0c4,#086695);border-radius:6px 6px 0 0;position:relative}.bar:after{content:attr(data-label);position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--muted)}.donut{width:190px;height:190px;border-radius:50%;margin:26px auto;background:conic-gradient(var(--blue) 0 68%,#dce8ed 68%);display:grid;place-items:center}.donut:after{content:"68%";width:125px;height:125px;background:white;border-radius:50%;display:grid;place-items:center;font:800 28px Manrope,sans-serif}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}.stat{background:white;border:1px solid var(--line);border-radius:14px;padding:20px}.stat strong{display:block;font:800 30px Manrope,sans-serif}.stat span{font-size:13px;color:var(--muted)}.panel{background:white;border:1px solid var(--line);border-radius:14px;overflow:hidden;margin-bottom:22px}.panel-head{padding:18px 22px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0;font:700 17px Manrope,sans-serif}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.08em}.status{padding:5px 8px;border-radius:999px;background:#e2f5ee;color:#247558;font-size:11px;font-weight:700}.status.inactive{background:#f1f1f1;color:#777}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.icon-btn{border:1px solid var(--line);background:white;border-radius:8px;padding:7px 10px}.modal-backdrop{position:fixed;inset:0;background:rgba(2,22,35,.55);display:grid;place-items:center;padding:20px;z-index:10}.modal{background:white;width:min(620px,100%);max-height:90vh;overflow:auto;border-radius:16px;box-shadow:var(--shadow)}.modal-head{padding:20px 24px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.modal-head h3{margin:0;font:700 19px Manrope,sans-serif}.modal-body{padding:24px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.checkbox-list{display:grid;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px}.checkbox-list label{display:flex;gap:10px}.empty{padding:50px;text-align:center;color:var(--muted)}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.login-visual{min-height:330px;padding:38px}.login-copy h1{font-size:45px}.login-panel{padding:38px 24px}.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;padding:18px}.sidebar .brand{padding-bottom:15px}.nav{display:flex;overflow:auto}.nav .admin-only{margin:0;padding:0;border:0}.account{display:none}.topbar{padding:0 20px}.content{padding:26px 20px}.kpis,.stat-grid{grid-template-columns:repeat(2,1fr)}.charts{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}}@media(max-width:520px){.login-visual{display:none}.kpis,.stat-grid{grid-template-columns:1fr}.hero-row{align-items:start;flex-direction:column}.report-frame{min-height:480px}}