:root{color-scheme:dark;--bg: #0f1419;--panel: #171d25;--border: #2a3441;--text: #e7ecf3;--muted: #9aa7b8;--accent: #6c5ce7;--accent-hover: #7f71ef;--danger: #e74c3c;--success: #2ecc71;--discord: #5865f2}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,system-ui,sans-serif;background:var(--bg);color:var(--text)}a{color:#8ea6ff}.app-shell{min-height:100vh}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border);background:#121820}.brand{font-weight:700}.topbar-right{display:flex;gap:.75rem;align-items:center}.user-chip{color:var(--muted)}.app-body{display:grid;grid-template-columns:220px 1fr;min-height:calc(100vh - 65px)}.sidebar{border-right:1px solid var(--border);padding:1rem .75rem}.nav-link{display:block;padding:.65rem .85rem;border-radius:8px;color:var(--muted);text-decoration:none;margin-bottom:.25rem}.nav-link.active,.nav-link:hover{background:var(--panel);color:var(--text)}.content{padding:1.5rem}.page-title{margin:0 0 .25rem}.page-subtitle{margin:0 0 1.5rem;color:var(--muted)}.page-loading,.muted{color:var(--muted)}.login-page{min-height:100vh;display:grid;place-items:center}.login-card{width:min(420px,90vw);background:var(--panel);border:1px solid var(--border);border-radius:16px;padding:2rem;text-align:center}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;margin-bottom:1.5rem}.stat-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.stat-card span{display:block;color:var(--muted);margin-bottom:.5rem}.stat-card strong{font-size:1.5rem}.two-col{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1rem}.panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem;margin-bottom:1rem}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.simple-list{list-style:none;padding:0;margin:0}.simple-list li{padding:.5rem 0;border-bottom:1px solid var(--border)}.toolbar,.button-row,.pager,.form-grid{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-bottom:1rem}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.field{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}input,textarea,select{width:100%;background:#0d1218;color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.65rem .75rem}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:.65rem 1rem;cursor:pointer}.btn:hover{background:var(--accent-hover)}.btn-ghost{background:transparent;border:1px solid var(--border)}.btn-danger{background:var(--danger)}.btn-discord{display:inline-block;background:var(--discord);color:#fff;text-decoration:none;padding:.8rem 1.2rem;border-radius:8px}.btn-sm{padding:.35rem .65rem;font-size:.85rem}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-card{background:var(--panel);border:1px solid var(--border);border-radius:12px;width:min(480px,100%);max-height:min(85vh,640px);overflow:auto;padding:1.25rem;box-shadow:0 12px 40px #00000059}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.modal-header h2{margin:0;font-size:1.1rem}.modal-close{background:transparent;border:none;color:var(--muted);font-size:1.5rem;line-height:1;cursor:pointer;padding:.25rem .5rem}.modal-subtitle{margin:0 0 1rem;font-size:.9rem}.modal-footnote{margin:1rem 0 0;font-size:.8rem}.discord-live-body{display:flex;flex-direction:column;gap:1rem}.discord-live-section h3{margin:0 0 .5rem;font-size:.95rem;color:var(--muted)}.discord-live-dl{display:grid;grid-template-columns:auto 1fr;gap:.25rem 1rem;margin:0}.discord-live-dl dt{color:var(--muted);font-size:.85rem}.discord-live-dl dd{margin:0}.discord-live-list{list-style:none;padding:0;margin:0}.discord-live-list li{display:flex;justify-content:space-between;align-items:center;gap:.75rem;padding:.45rem 0;border-bottom:1px solid var(--border);font-size:.9rem}.discord-live-guild{flex-shrink:0}.discord-live-present{color:#9dffc0}.discord-live-absent{color:var(--muted)}.discord-live-error{color:#ffb4ab;font-size:.85rem}.data-table{width:100%;border-collapse:collapse;background:var(--panel);border:1px solid var(--border);border-radius:12px;overflow:hidden}.data-table th,.data-table td{padding:.75rem;border-bottom:1px solid var(--border);text-align:left}.data-table tr.selected{background:#1d2530}.data-table tbody tr{cursor:pointer}.split-view{display:grid;grid-template-columns:1.4fr .8fr;gap:1rem}.detail-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:1rem}.template-layout{display:grid;grid-template-columns:240px 1fr;gap:1rem}.template-list{display:flex;flex-direction:column;gap:.5rem}.template-item{text-align:left;background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.75rem;cursor:pointer}.template-item.active{border-color:var(--accent)}.alert{padding:.75rem 1rem;border-radius:8px;margin:.75rem 0}.alert-error{background:#e74c3c26;color:#ffb4ab}.alert-success{background:#2ecc7126;color:#9dffc0}.tabs{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tab{background:var(--panel);color:var(--muted);border:1px solid var(--border);border-radius:8px;padding:.5rem .85rem;cursor:pointer}.tab.active{color:var(--text);border-color:var(--accent)}.preview-image{max-width:100%;border-radius:12px;border:1px solid var(--border)}.preview-image.thumb{max-height:160px;object-fit:contain}.image-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem}.image-card{display:flex;flex-direction:column;gap:.5rem;max-width:220px}@media(max-width:900px){.app-body,.split-view,.template-layout{grid-template-columns:1fr}}