*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#f4f8fa;color:#0b1b2b}a{color:inherit}.shell{min-height:100vh}.nav{background:#071426;color:#fff;padding:18px 22px}.navin{max-width:1050px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{font-size:24px;font-weight:800;text-decoration:none}.brand span{color:#22d3d6}.navlinks{display:flex;gap:10px;align-items:center}.navlinks a,.navlinks button{color:#fff;background:transparent;border:0;font:inherit;text-decoration:none;cursor:pointer;padding:9px 11px;border-radius:10px}.navlinks .cta{background:#10c6cb;color:#04191d;font-weight:800}.wrap{max-width:1050px;margin:auto;padding:44px 22px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center;min-height:68vh}.eyebrow{font-weight:800;color:#087f83;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.hero h1{font-size:52px;line-height:1.04;margin:12px 0 18px}.hero p{font-size:19px;color:#52606d;line-height:1.55}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-block;border:0;border-radius:13px;padding:14px 18px;font-weight:800;font-size:15px;text-decoration:none;cursor:pointer}.primary{background:#10c6cb;color:#04191d}.dark{background:#071426;color:#fff}.ghost{background:#eaf3f5;color:#0b1b2b}.panel,.card{background:#fff;border:1px solid #dce7ec;border-radius:18px;box-shadow:0 10px 30px rgba(7,20,38,.05)}.panel{padding:28px}.panel h1,.panel h2{margin-top:0}.form{max-width:520px;margin:40px auto}.field{margin:15px 0}.field label{display:block;font-weight:700;margin-bottom:7px}.field input,.field textarea{width:100%;padding:13px 14px;border:1px solid #cddbe1;border-radius:11px;font:inherit;background:#fff}.field textarea{min-height:92px;resize:vertical}.muted{color:#60707d;line-height:1.5}.msg{padding:12px 14px;border-radius:10px;margin:14px 0;display:none}.msg.show{display:block}.msg.ok{background:#e5f8f2;color:#145b47}.msg.err{background:#fff0f0;color:#8b2424}.dashboard-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.card{padding:20px}.card h3{margin:0 0 6px}.pill{display:inline-block;border-radius:999px;padding:6px 9px;background:#e7f8f8;color:#08666a;font-size:12px;font-weight:800}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.divider{height:1px;background:#e5edf0;margin:18px 0}.empty{text-align:center;padding:40px}.modal{position:fixed;inset:0;background:rgba(7,20,38,.58);display:none;align-items:center;justify-content:center;padding:20px;z-index:5}.modal.show{display:flex}.modal .panel{width:min(620px,100%);max-height:90vh;overflow:auto}.topline{display:flex;justify-content:space-between;gap:10px;align-items:center}.close{border:0;background:#edf3f5;border-radius:9px;padding:8px 11px;cursor:pointer;font-weight:700}.small{font-size:13px}.footer{text-align:center;color:#73808b;padding:30px 20px}@media(max-width:760px){.hero{grid-template-columns:1fr;min-height:auto}.hero h1{font-size:39px}.grid{grid-template-columns:1fr}.dashboard-head{align-items:start;flex-direction:column}.navin{align-items:flex-start}.navlinks{flex-wrap:wrap;justify-content:flex-end}}