*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:#f7f7fb;color:#222}
a{color:#0d6efd;text-decoration:none}a:hover{text-decoration:underline}
.container{max-width:1000px;margin:0 auto;padding:24px}
.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 2px 6px rgba(0,0,0,.04);padding:20px;margin-bottom:16px}
h1,h2{margin:0 0 12px 0}table{width:100%;border-collapse:collapse}th,td{padding:10px;border-bottom:1px solid #eee;text-align:left}
.btn{display:inline-block;padding:8px 14px;border-radius:12px;border:1px solid #cbd5e1;background:#fff;cursor:pointer}
.btn-primary{background:#0d6efd;border-color:#0d6efd;color:#fff}.btn-danger{background:#dc3545;border-color:#dc3545;color:#fff}
.input{width:100%;padding:10px;border:1px solid #cbd5e1;border-radius:10px}
.row{display:flex;gap:16px;flex-wrap:wrap}.col{flex:1 1 300px}
.header{background:#0d6efd;color:#fff;padding:12px 0;margin-bottom:16px}.header .container{display:flex;justify-content:space-between;align-items:center}
.badge{display:inline-block;padding:.25em .6em;border-radius:999px;background:#eef;border:1px solid #ccd}
.footer{color:#666;font-size:12px;text-align:center;padding:16px}