*{box-sizing:border-box}body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:#f4f7fb;color:#162033}a{text-decoration:none;color:inherit}.top{height:64px;background:#101b35;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:sticky;top:0;z-index:10}.top nav{display:flex;gap:16px;flex-wrap:wrap}.top nav a{color:#dbe5ff;font-size:14px}.container{max-width:1250px;margin:30px auto;padding:0 18px}.hero{min-height:520px;background:linear-gradient(135deg,#09142d,#1557b8);color:#fff}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;}.nav a{color:#fff}.hero-inner{max-width:1000px;margin:80px auto;padding:0 25px}.hero h1{font-size:52px;max-width:850px;margin:18px 0}.hero p{font-size:19px;line-height:1.6;max-width:750px;color:#dce8ff}.badge{display:inline-block;padding:7px 12px;border-radius:20px;background:#e8f0ff;color:#1350aa;font-size:12px;font-weight:700}.hero .badge{background:rgba(255,255,255,.16);color:#fff}.btn{display:inline-block;border:0;border-radius:9px;background:#1769e0;color:#fff;padding:11px 17px;font-weight:700;cursor:pointer}.btn.full{width:100%}.cards{max-width:1100px;margin:-45px auto 60px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0 20px}.cards>div,.panel,.stat,.login-box{background:#fff;border:1px solid #e5eaf2;border-radius:14px;box-shadow:0 8px 30px rgba(18,38,63,.06);padding:22px}.cards h3{margin-top:0}.cards p,.muted,.hint{color:#667085;line-height:1.55}.login-page{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#09142d,#1557b8)}.login-box{width:min(430px,92vw)}.login-box h1{margin-top:0}label{display:block;margin:14px 0 6px;font-weight:600}input,select,textarea{width:100%;padding:12px;border:1px solid #d5dce8;border-radius:8px;background:#fff;font:inherit}textarea{min-height:110px;resize:vertical}.grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.grid textarea{grid-column:1/-1}.grid .btn{align-self:end}.stats{display:grid;grid-template-columns:repeat(6,1fr);gap:14px;margin:20px 0}.stat span{display:block;color:#667085;font-size:13px}.stat strong{font-size:30px;display:block;margin-top:8px}.welcome{display:flex;justify-content:space-between;align-items:center}.actions{display:flex;gap:10px;flex-wrap:wrap}.success,.alert{padding:12px 14px;border-radius:9px;margin:15px 0}.success{background:#e8f8ee;color:#146c36}.alert{background:#fff0f0;color:#a51e2b}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;min-width:700px}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f5;font-size:14px}th{background:#f8fafc}footer{text-align:center;padding:30px;color:#667085}@media(max-width:850px){.cards,.grid,.stats{grid-template-columns:1fr}.hero h1{font-size:38px}.top{height:auto;gap:12px;align-items:flex-start;padding:15px;flex-direction:column}.hero-inner{margin:40px auto}.cards{margin:20px auto}.stats{grid-template-columns:repeat(2,1fr)}}