body { font-family: 'Segoe UI', sans-serif; background-color: #121212; color: #e0e0e0; padding: 10px; margin: 0; }
.login-body { display: flex; justify-content: center; align-items: center; min-height: 100vh; }
.container { max-width: 700px; margin: auto; width: 100%; }
.header-bar { display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px; background: #1e1e1e; padding: 15px; border-radius: 8px;}
.logout-btn { color: #ff5252; text-decoration: none; font-weight: bold; border: 1px solid #ff5252; padding: 5px 10px; border-radius: 4px; }
.card { background: #1e1e1e; padding: 20px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.5); margin-bottom: 20px; }
.login-card { max-width: 450px; border-top: 5px solid #0277bd; }
.tabs { display: flex; gap: 5px; margin-bottom: 15px; flex-wrap:wrap;}
.tab-btn { flex: 1; min-width:60px; padding: 10px 5px; background: #2c2c2c; border: none; color: white; cursor: pointer; border-radius: 6px; font-size:0.85rem;}
.tab-btn.active { background: #0277bd; font-weight: bold; }
label { display: block; margin-top: 15px; font-weight: 600; font-size: 0.9rem; color: #b0bec5; }
input, select, button, textarea { width: 100%; padding: 12px; margin-top: 8px; border-radius: 6px; border: 1px solid #333; background-color: #2c2c2c; color: #fff; box-sizing: border-box; }
.table-responsive { overflow-x: auto; }
table { width: 100%; border-collapse: collapse; margin-top: 10px; font-size: 0.85rem; }
th, td { border: 1px solid #333; padding: 10px; text-align: left; vertical-align: top;}
th { background-color: #2c2c2c; }
.med-list { padding:0; margin:0; list-style:none;}
.med-list li { background:#2c2c2c; padding:15px; border-radius:8px; margin-bottom:10px; border-left:4px solid #00897b;}
.take-btn { background:#43a047; margin:0; width:auto; padding:8px 15px; font-size:0.9rem; border:none; color:white; border-radius:4px; cursor:pointer;}
.del-btn { background:#d32f2f; margin:0; width:auto; padding:8px 12px; font-size:0.9rem; border:none; color:white; border-radius:4px; cursor:pointer;}
