body{font-family:sans-serif;background:#12121a;color:#eee;max-width:760px;margin:0 auto;padding:16px}
.hidden{display:none}
h1{font-size:1.3em}
h2{font-size:1.05em;margin-top:24px;color:#b39dff}
.sub{color:#999}
.err{color:#ff6b6b}
header{display:flex;justify-content:space-between;align-items:center}
.card{background:#1e1e2a;border:1px solid #444;border-radius:12px;padding:20px;max-width:360px;margin:60px auto}
.card input{width:100%;box-sizing:border-box;background:#12121a;color:#eee;border:1px solid #555;border-radius:8px;padding:10px;font-size:1em}
.card button{background:#7c4dff;color:#fff;border:0;border-radius:8px;padding:10px 18px;font-size:1em;margin-top:10px;width:100%}
.cards{display:flex;gap:12px;flex-wrap:wrap;margin-top:12px}
.card2{background:#1e1e2a;border:1px solid #444;border-radius:12px;padding:12px 16px;flex:1;min-width:140px}
.ct{color:#999;font-size:.85em}
.cb{font-size:1.3em;margin:4px 0}
.cs{color:#999;font-size:.8em}
table{width:100%;border-collapse:collapse;background:#1e1e2a;border-radius:12px;overflow:hidden}
th,td{padding:8px 10px;text-align:left;border-bottom:1px solid #2a2a3a}
th{color:#999;font-weight:normal;font-size:.85em}
tr.today td{color:#b39dff;font-weight:bold}
.ghost{background:none;border:1px solid #555;color:#ccc;border-radius:8px;padding:8px 12px}