:root {
    --bg: #121212;
    --card: #1e1e1e;
    --text: #e0e0e0;
    --accent: #bb86fc;
    --danger: #cf6679;
    --success: #03dac6;
}
body { background: var(--bg); color: var(--text); font-family: sans-serif; margin: 0; padding: 20px; }
.container { max-width: 900px; margin: 0 auto; }
.card { background: var(--card); padding: 20px; border-radius: 8px; margin-bottom: 20px; box-shadow: 0 4px 6px rgba(0,0,0,0.3); }
.btn { padding: 10px 20px; border-radius: 4px; border: none; cursor: pointer; text-decoration: none; display: inline-block; font-weight: bold; }
.btn-primary { background: var(--accent); color: #000; }
.btn-danger { background: var(--danger); color: #000; }
.alert-box { padding: 15px; border-radius: 4px; margin-bottom: 15px; text-align: center; color: #000; }
input { background: #2c2c2c; border: 1px solid #444; color: white; padding: 10px; width: 100%; margin-bottom: 10px; box-sizing: border-box; }
table { width: 100%; border-collapse: collapse; margin-top: 10px; }
th, td { text-align: left; padding: 10px; border-bottom: 1px solid #333; }
.contract-scroll { height: 250px; overflow-y: scroll; background: #252525; padding: 15px; border: 1px solid #333; margin-bottom: 15px; }