.classnames-page{padding-top:2rem;padding-bottom:4rem;max-width:1100px}
.classnames-page h1 span{color:var(--accent,#c58bff)}
.classnames-page .intro{max-width:760px;color:var(--muted,#aaa);line-height:1.6}
.panel{margin:1.4rem 0;padding:1.25rem;border:1px solid #383044;border-radius:16px;background:#17151d}
.panel h2{margin-top:0;font-size:1.2rem}
.muted{color:#aaa;line-height:1.55}
.import-row,.filters,.actions{display:flex;gap:.8rem;align-items:end;flex-wrap:wrap}
.import-row label,.field{display:flex;flex-direction:column;gap:.4rem}
input,select{background:#0e0d12;color:#f5f2fa;border:1px solid #55466a;border-radius:8px;padding:.75rem;min-height:44px}
input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.file-button,button{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1rem;border-radius:9px;border:1px solid #a56cff;background:#30203e;color:#fff;cursor:pointer;min-height:44px}
button.secondary{background:#24212a;border-color:#5c5365}
button:disabled{opacity:.45;cursor:not-allowed}
.status,.summary{margin-top:.9rem;color:#d8c6ff}
.filters{align-items:stretch}
.field{flex:1 1 190px}
.field input,.field select{width:100%;box-sizing:border-box}
.table-wrap{overflow:auto;margin-top:.8rem}
table{width:100%;border-collapse:collapse;min-width:650px}
th,td{text-align:left;padding:.75rem;border-bottom:1px solid #39323f;vertical-align:middle}
th{color:#d7baff;font-size:.9rem}
td code{overflow-wrap:anywhere}
.empty{text-align:center;color:#aaa;padding:2rem}
.row-actions{display:flex;gap:.4rem}
.row-actions button{min-height:34px;padding:.4rem .6rem;font-size:.85rem}
.note-panel li{margin:.6rem 0;line-height:1.5}
@media(max-width:600px){.panel{padding:1rem}.import-row>*{width:100%}.file-button{box-sizing:border-box}.actions button{width:100%}}