@font-face{font-family: 'CenturyGothic'; src: local('Century Gothic'), local('CenturyGothic');}
body{font-family: CenturyGothic, Arial, Helvetica, sans-serif; margin:0; background:#fff; color:#111}
.topbar{background:#8B0000; color:white; padding:12px 18px; display:flex; justify-content:space-between; align-items:center}
.brand{font-size:20px; font-weight:700}
.container{padding:18px}
.login-wrap{max-width:380px;margin:60px auto;padding:22px;border:1px solid #ddd;border-radius:8px;text-align:center}
.login-wrap h1{color:#8B0000}
.btn{background:#8B0000;color:#fff;padding:8px 12px;text-decoration:none;border:none;border-radius:6px;cursor:pointer}
.card{display:block;padding:12px 18px;margin:8px 0;background:#000;color:#fff;border-radius:8px}
.card input, .card textarea, .card select { display:block; width:100%; margin:6px 0; padding:8px }
table{width:100%;border-collapse:collapse}
table th, table td{padding:8px;border:1px solid #eee}
.error{color:#b00;margin-bottom:8px}
.actions .btn{margin-right:8px}
.main-note{background:#f9f9f9;padding:10px;border-left:4px solid #8B0000;margin-bottom:12px}