*{box-sizing:border-box}body{margin:0;font-family:Inter,Arial,sans-serif;background:#f5f7fb;color:#172033}.landing{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#f7f9fc,#e9eef7)}.hero,.login{width:min(92%,620px);text-align:center}.brand,.logo{font-weight:800;font-size:24px}.brand span{font-weight:500}.hero h1{font-size:42px;margin:18px 0 10px}.hero p{color:#667085;line-height:1.7}.btn{display:inline-block;border:0;border-radius:9px;padding:11px 16px;background:#e7ebf2;color:#172033;text-decoration:none;cursor:pointer;font-weight:600}.btn.primary{background:#172033;color:#fff}.btn.small{padding:7px 10px;font-size:13px}.card{background:#fff;border:1px solid #e5e9f0;border-radius:14px;padding:22px;margin:18px 0;box-shadow:0 4px 20px #1018280a}.login{text-align:left}.login h2{text-align:center}label{display:block;font-size:13px;font-weight:700;margin:12px 0 6px}input,textarea,select{width:100%;padding:11px 12px;border:1px solid #d5dae3;border-radius:8px;background:#fff;font:inherit;margin-bottom:10px}aside{position:fixed;inset:0 auto 0 0;width:225px;background:#111827;color:#fff;padding:24px 14px}aside .logo{padding:0 10px 22px}aside a{display:block;color:#d1d5db;text-decoration:none;padding:11px 10px;border-radius:8px;margin:3px 0}aside a:hover{background:#1f2937;color:#fff}main{margin-left:225px;padding:0 28px 40px}header{height:70px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e5e9f0}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stat{background:#fff;border:1px solid #e5e9f0;border-radius:14px;padding:20px}.stat b{display:block;font-size:25px}.stat span{color:#667085;font-size:13px}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid #edf0f4}th{font-size:12px;color:#667085}.badge{padding:5px 8px;border-radius:99px;font-size:12px}.badge.sent{background:#dcfce7;color:#166534}.badge.pending{background:#f1f5f9;color:#475569}.alert{padding:10px;border-radius:8px;background:#fee2e2;margin:10px 0}.alert.success{background:#dcfce7}.search{display:flex;gap:8px;max-width:500px}.search input{margin:0}@media(max-width:800px){aside{position:static;width:auto}aside a{display:inline-block}main{margin:0;padding:15px}.stats{grid-template-columns:1fr 1fr}.hero h1{font-size:30px}}