body { font-family: Arial, sans-serif; margin: 0; background: #f4f6fb; color: #222; }
.topbar { background: #13233a; color: #fff; padding: 12px 20px; }
.topbar .brand { font-weight: bold; margin-bottom: 8px; }
.topbar a { color: #dbe8ff; margin-right: 10px; text-decoration: none; }
.container { padding: 20px; }
.grid { display: grid; grid-template-columns: repeat(3, minmax(180px, 1fr)); gap: 12px; }
.card { background: #fff; border: 1px solid #dde4ef; border-radius: 8px; padding: 12px; margin-bottom: 12px; }
table { width: 100%; border-collapse: collapse; background: #fff; }
th, td { border: 1px solid #dbe3ef; padding: 8px; text-align: left; vertical-align: top; }
th { background: #eef3fb; }
button { padding: 6px 10px; margin-right: 6px; }
input, select, textarea { width: 100%; padding: 6px; margin: 6px 0 10px 0; box-sizing: border-box; }
textarea { min-height: 90px; }
.inline { display: inline; }
.script { max-width: 420px; white-space: normal; }