*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f4f6f8;color:#18212b}header{height:60px;background:#17202a;color:#fff;padding:0 24px;display:flex;align-items:center;justify-content:space-between}nav{display:flex;gap:18px}nav a{color:#fff;text-decoration:none}.container{max-width:1000px;margin:28px auto;padding:0 15px}.card,.login-card{background:#fff;border-radius:10px;padding:25px;box-shadow:0 4px 18px rgba(0,0,0,.08);margin-bottom:20px}.center{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,92vw)}label{display:block;font-weight:600;margin:12px 0}input,textarea{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid #ccd3da;border-radius:6px;font:inherit}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}button,.button{display:inline-block;background:#17202a;color:#fff;border:0;border-radius:6px;padding:12px 20px;cursor:pointer;font-weight:700;text-decoration:none}.note{background:#fff7df;border-left:4px solid #d99b00;padding:10px}.alert{background:#ffe4e4;padding:10px;border-radius:6px;color:#a00000}.success{background:#e5f7e9;padding:10px;border-radius:6px;color:#17652a}.logo-preview{max-width:180px;max-height:90px;margin:10px 0}table{width:100%;border-collapse:collapse}th,td{border-bottom:1px solid #ddd;padding:9px;text-align:left}@media(max-width:700px){.grid{grid-template-columns:1fr}header{padding:0 12px}nav{gap:8px;font-size:13px}}