:root{--blue:#071a4d;--blue2:#0b3d91;--bg:#f4f7fb;--card:#fff;--text:#16213a;--muted:#68758b;--green:#0b9b62;--red:#d63031}*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}.top{background:linear-gradient(110deg,var(--blue),var(--blue2));color:#fff;padding:16px 4%;display:flex;justify-content:space-between;align-items:center;gap:15px;position:sticky;top:0;z-index:5}.top b{font-size:21px}.top nav{display:flex;gap:10px;flex-wrap:wrap}.top a{color:#fff;text-decoration:none;padding:7px 9px;border-radius:8px}.top a:hover{background:#ffffff20}.wrap{max-width:1180px;margin:28px auto;padding:0 16px}.narrow{max-width:520px;margin:45px auto}.hero{background:linear-gradient(135deg,var(--blue),#1264c4);color:#fff;border-radius:20px;padding:34px;margin-bottom:24px}.hero h1{margin-top:0;font-size:32px}.balance{font-size:34px;font-weight:800}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:16px}.card,.stat{background:var(--card);border-radius:16px;padding:20px;margin-bottom:16px;box-shadow:0 5px 22px #071a4d12}.stat small{display:block;color:var(--muted);margin-bottom:8px}.stat b{font-size:25px}.link{color:var(--text);text-decoration:none}.link b{display:block;font-size:18px;margin-bottom:8px}.link small{color:var(--muted)}label{display:block;font-weight:600;margin:14px 0}input,textarea,select{display:block;width:100%;padding:12px 13px;border:1px solid #d9e0ea;border-radius:10px;margin-top:6px;font:inherit;background:#fff}textarea{min-height:100px}button,.btn{display:inline-block;border:0;border-radius:10px;padding:12px 18px;background:var(--blue2);color:#fff;text-decoration:none;cursor:pointer;font-weight:700}.btn.ghost{background:#ffffff22}.flash{padding:13px 16px;border-radius:10px;background:#dff8ed;color:#08764d;margin-bottom:15px}.flash.error{background:#ffe3e3;color:#a71919}.tablewrap{overflow:auto;background:#fff;border-radius:14px;box-shadow:0 5px 22px #071a4d12}table{width:100%;border-collapse:collapse;min-width:650px}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4}th{background:#f6f8fb}.banner{overflow:hidden}.banner img{width:100%;max-height:260px;object-fit:cover;border-radius:10px}.thumb{width:100%;max-height:180px;object-fit:cover;border-radius:10px;margin-bottom:10px}footer{text-align:center;color:var(--muted);padding:30px}hr{border:0;border-top:1px solid #e7ebf2;margin:25px 0}@media(max-width:700px){.top{align-items:flex-start;flex-direction:column}.top nav{width:100%}.hero h1{font-size:27px}.wrap{margin-top:18px}}