.wc{background:#2a2a2a;border:1px solid #333333;border-radius:8px;color:var(--fg);line-height:1.6;margin:auto;max-width:560px;padding:24px}
.wc li{margin:6px 0}
.wc ul, .wc ol{margin:12px 0;padding-left:18px}
.wc .img{text-align:center}
.wc iframe{aspect-ratio:1.85 / 1;border:0;max-width:500px}
.wc a{color:#8ab4f8;font-weight:600;text-decoration:none}
.wc a:hover{text-decoration:none}
.wc h1{color:var(--primary);margin-bottom:12px}
.wc h2{color:#ffffff;margin-bottom:6px}
.wc img.screenshot{aspect-ratio:1907 / 382;width:100%}
.wc p{margin:12px 0}
.wc .btn{background:var(--accent2);border-radius:999px;color:#0d0d0d;display:inline-block;font-weight:700;letter-spacing:.3px;padding:10px 18px;text-decoration:none}
.wc .btn:hover{background:var(--primary);color:var(--bg0)}
.topbar{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}
.welcome{align-items:flex-start;min-height:100vh;background:transparent;display:flex;justify-content:center;padding:48px 16px;position:relative;z-index:10}
.support-grid{display:grid;gap:12px;grid-template-columns:repeat(3, minmax(0, 1fr));margin-top:12px}
.support-card{border-radius:12px;color:var(--fg);display:flex;flex-direction:column;align-items:center;gap:8px;font-weight:700;padding:14px 10px;text-decoration:none;border:1px solid rgba(255,255,255,.2)}
.support-card .logo{display:block;height:24px;width:30px}
.support-card .logo .icon{display:block}
.support-card .label{font-size:.95rem}
.support-card:hover{color:#ffffff;filter:brightness(1.08);transform:translateY(-1px)}
.support-card.paypal{background:#1f3c73}
.support-card.kofi{background:#6b1b20}
.support-card.bmc{background:#4a3f07}
.qai{align-items:center;background:linear-gradient(135deg, rgba(94,177,255,.18), rgba(232,33,39,.12));border:1px solid rgba(255,255,255,.12);border-radius:16px;display:grid;gap:16px;grid-template-columns:2fr 1fr;margin-top:18px;margin-bottom:18px;padding:18px}
.qai h2{color:var(--fg);font-size:1.2rem;margin-bottom:6px}
.qai p{color:var(--muted);margin-bottom:12px}
.qai-btn{background:var(--primary);border-radius:999px;display:inline-block;font-weight:700;padding:10px 18px;text-decoration:none}
.wc .qai-btn{color:#fff}
.qai-btn:hover{background:var(--accent2);color:#0d0d0d}
.qai-logo{display:flex;justify-content:center}
hr{border:none;border-top:1px solid red;height:0;width:66%;margin:2.5rem auto}
html, body{overflow:hidden;height:100%;margin:0;overflow:hidden}
a{color:#8ab4f8;text-decoration:none}
a:hover{text-decoration:underline}
body{background-color:#121212;color:#e0e0e0;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;line-height:1.6}
button{background-color:#007bff;border:none;border-radius:6px;color:#ffffff;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:background-color .2s ease, transform .1s ease}
button.danger{background-color:#dc3545}
button.danger:hover{background-color:#c82333}
button.secondary{background-color:#4a4a4a;color:#e0e0e0}
button.secondary:hover{background-color:#5a5a5a}
button:active{transform:translateY(1px)}
button:hover{background-color:#0056b3}
header{background-color:#1f1f1f;box-shadow:0 2px 4px rgba(0,0,0,.5);color:#ffffff;flex-shrink:0;padding:1rem;z-index:10}
main{display:flex;flex-direction:column;flex-grow:1;min-height:0;padding:1rem}
table{border-collapse:collapse;width:100%}
td .actions{display:flex;float:right;gap:.5rem}
td .actions button{font-size:.8rem;padding:.25rem .5rem}
tfoot td{border-color:#666666;font-size:.9rem;font-weight:bold;padding-top:1rem}
th{color:#e0e0e0;font-size:.8rem;font-weight:600;text-transform:uppercase;user-select:none;-webkit-user-select:none}
th, td{border-bottom:1px solid #444444;padding:.5rem;text-align:left;white-space:nowrap}
th.sortable{cursor:pointer}
th:hover{background-color:#454545}
thead th{background-color:#333333;position:sticky;top:0;z-index:1}
tr.clickable-row:hover{background-color:#383838}
tr:last-child td{border-bottom:none}
#header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between}
#header-controls{display:flex;flex-wrap:wrap;gap:1rem}
#header-title{flex-grow:1;font-size:1.5rem;margin:0}
.align-end{align-self:flex-end}
.card{background:#2a2a2a;border:1px solid #333333;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.2);display:flex;flex-direction:column;flex-grow:1;min-height:0;overflow:auto;padding:1.5rem 2rem}
.card.card-table{padding:0}
.clickable-row{cursor:pointer}
.form-group{display:flex;flex-direction:column}
.form-group .file-info{font-size:.9em;margin-top:.5rem;white-space:normal}
.form-group input, .form-group textarea, .form-group select{background-color:#333333;border:1px solid #555555;border-radius:6px;box-sizing:border-box;color:#e0e0e0;font-size:1rem;padding:.75rem;width:100%}
.form-group input[type="checkbox"]{align-self:flex-start;height:1.2rem;width:1.2rem}
.form-group input[type="file"]{padding:.45rem}
.form-group label{color:#bbbbbb;font-weight:500;margin-bottom:.5rem}
.form-group textarea:disabled{background-color:#444444;color:#888888;cursor:not-allowed}
.loading-overlay{align-items:center;background:rgba(0,0,0,.7);color:#ffffff;display:flex;font-size:1.5rem;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}
.record-form{display:grid;gap:1.5rem}
.schema-field{align-items:center;display:grid;gap:1rem;grid-template-columns:1fr 1fr auto;margin-bottom:1rem}
.schema-field .form-group{margin:0}
.text-center{text-align:center}
@media (max-width: 768px){
header, main{padding:1rem}
#header-content{align-items:flex-start;flex-direction:column}
#header-controls{width:100%}
.card{padding:1rem}
.schema-field{grid-template-columns:1fr}}