*{box-sizing:border-box}body{margin:0;background:#f4f6f9;font:15px system-ui,Arial;color:#233048}header{background:#102b4b;color:#fff;padding:20px 4%;display:flex;justify-content:space-between;align-items:center;gap:16px}header a{color:#fff;margin-right:16px;text-decoration:none}main{max-width:1150px;margin:28px auto;padding:0 20px}h1{font-size:26px}h2{font-size:19px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.card,form,table{background:white;border:1px solid #e0e5ed;border-radius:12px;padding:18px;box-shadow:0 2px 12px #21395508}table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}td,th{padding:11px;border-bottom:1px solid #eee;text-align:left;white-space:nowrap}form{max-width:760px;margin-bottom:22px}label{display:block;margin:10px 0 4px;font-weight:600}input,select,textarea{width:100%;padding:11px;border:1px solid #cbd3df;border-radius:8px;font:inherit}input[type=checkbox]{width:auto}button,.btn{display:inline-block;border:0;border-radius:8px;padding:11px 16px;background:#e57d24;color:white;font-weight:700;text-decoration:none;cursor:pointer;margin-top:10px}.muted{color:#5b6678}.msg{background:#fff5d9;border-radius:9px;padding:14px}small{color:#667}nav{display:flex;flex-wrap:wrap}.danger{background:#b13f36}