:root{--blue:#292dbb;--bg:#f5f6fa;--text:#20233a}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text)}header{background:#fff;padding:16px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;box-shadow:0 2px 10px #00000010;flex-wrap:wrap}.brand{font-weight:800;font-size:20px;color:var(--blue)}.brand span{font-weight:500;color:#444}nav{display:flex;gap:12px;flex-wrap:wrap}nav a{color:var(--blue);text-decoration:none;font-weight:700;padding:8px}.wrap{max-width:1100px;margin:30px auto;padding:0 18px}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.card{background:#fff;border-radius:16px;padding:22px;box-shadow:0 2px 10px #0000000d}.card h2{margin-top:0}.btn{display:inline-block;background:var(--blue);color:#fff;border:0;border-radius:10px;padding:10px 15px;text-decoration:none;cursor:pointer;font-weight:700}.btn.alt{background:#e9eaf6;color:var(--blue)}input,textarea,select{width:100%;padding:11px;border:1px solid #d5d6e2;border-radius:9px;margin:6px 0 12px;font:inherit}table{width:100%;border-collapse:collapse;background:#fff;border-radius:12px;overflow:hidden}th,td{padding:12px;border-bottom:1px solid #eee;text-align:left;vertical-align:top}.flash{max-width:1100px;margin:20px auto 0;padding:12px 16px;border-radius:10px}.flash.ok{background:#e6f6e9}.flash.err{background:#fdeaea}.login{max-width:430px;margin:80px auto}.muted{color:#666}footer{text-align:center;color:#777;padding:35px}.actions{display:flex;gap:8px;flex-wrap:wrap}