:root{--blue:#064d8e;--blue2:#0879dd;--green:#16883b;--ink:#08346e;--bg:#f4f9fd}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:#123}.hero{background:linear-gradient(120deg,#f9fdff,#e7f4ff);padding:12px 24px 10px;border-bottom:5px solid #1386cf}.brand{display:grid;grid-template-columns:170px 1fr 180px;align-items:center;gap:15px;max-width:1500px;margin:auto}.logo{width:140px;height:140px;border-radius:50%;border:8px solid #073c76;color:#073c76;display:grid;place-content:center;text-align:center;font-weight:900;font-size:24px;background:#fff;box-shadow:0 3px 10px #7895aa}.logo small{font-size:12px}.hero h1{margin:0;text-align:center;color:#073c76;font-size:42px}.hero h2{margin:2px 0;text-align:center;color:#073c76;font-size:29px}.hero h3{margin:3px 0;text-align:center;color:#073c76;font-size:22px}.hero p{text-align:center;margin:8px 0;color:#173c62}.hero span{display:block;margin:auto;max-width:560px;text-align:center;padding:8px 18px;border-radius:22px;background:#c9f0dc;color:#154d6d;font-weight:700}.people{font-weight:800;font-size:22px;line-height:1.15;color:#073c76;text-align:center}nav{position:sticky;top:0;z-index:5;display:flex;gap:4px;align-items:center;padding:9px 22px;background:#00457f;box-shadow:0 3px 10px #777}nav a,nav button{color:#fff;text-decoration:none;padding:12px 14px;border:0;background:transparent;font-weight:700;cursor:pointer;border-radius:5px}nav a:hover,nav button:hover{background:#147dd4}nav button{margin-left:auto;background:#fff;color:#064d8e}.wrap{max-width:1450px;margin:18px auto;padding:0 20px}.welcome{display:grid;grid-template-columns:250px 1fr 260px;gap:10px}.box,.card,.adminbox{background:#fff;border:1px solid #c8deee;border-radius:12px;box-shadow:0 3px 12px #d7e3eb;padding:18px}.welcome .center{text-align:center}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.phase{min-height:280px}.phase h2{text-align:center;border-radius:24px;padding:9px;color:#fff;margin-top:0}.p1 h2{background:var(--green)}.p2 h2{background:#096fc2}.phase .big{font-size:25px;color:#063c78;font-weight:800}.btn{display:inline-block;background:#0879dd;color:#fff;padding:12px 25px;border:0;border-radius:7px;font-weight:800;cursor:pointer;text-decoration:none}.p1 .btn{background:var(--green)}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px}.feature{padding:18px;text-align:center;border-radius:12px;border:1px solid #cddfea;background:#fff}.feature h3{color:#063c78}.crumb{color:#1767a9;margin-bottom:10px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.module-title{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:18px;border-radius:14px;border:1px solid #c9dfef}.module-title h1{color:#073c76}.tablewrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;background:#fff}.data-table th,.data-table td{padding:10px;border:1px solid #d6e2eb;text-align:left}.data-table th{background:#e9f5ff;color:#063c78}.admin-layout{display:grid;grid-template-columns:250px 1fr;gap:14px}.side{background:#073e76;color:#fff;border-radius:12px;padding:12px}.side button{display:block;width:100%;text-align:left;padding:11px;margin:4px 0;background:transparent;border:0;color:#fff;border-radius:5px;cursor:pointer}.side button:hover{background:#0879dd}.statgrid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.stat{padding:14px;border-radius:10px;background:#fff;border:1px solid #d3e3ee}.stat b{font-size:25px;color:#064d8e}.toolbar{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.danger{background:#d92727!important}.green{background:#16883b!important}.notice{padding:12px;border-bottom:1px solid #ddd}.login{max-width:460px;margin:60px auto}.login input{width:100%;padding:13px;margin:7px 0 12px;border:1px solid #bcd1df;border-radius:7px}footer{margin-top:30px;background:#00457f;color:#fff;padding:18px 25px;display:flex;justify-content:space-between}@media(max-width:900px){.brand{grid-template-columns:90px 1fr}.logo{width:85px;height:85px;font-size:15px}.people{display:none}.hero h1{font-size:28px}.hero h2{font-size:20px}.hero h3{font-size:16px}nav{overflow:auto}.welcome,.grid2,.admin-layout{grid-template-columns:1fr}.features,.cards{grid-template-columns:1fr 1fr}.statgrid{grid-template-columns:repeat(2,1fr)}}