:root{--bg: #0f172a;--card: #111827;--text: #e5e7eb;--muted:#94a3b8;--primary:#ef2a6b;--accent:#7c3aed;--input-bg:#0b1220;--input-border:#374151;--panel-bg:#0b1220;--panel-border:#374151;--panel-hover:#141a2a}[data-theme=light]{--bg:#f5f7fb;--card:#ffffff;--text:#0f172a;--muted:#4b5563;--primary:#ef2a6b;--accent:#7c3aed;--input-bg:#ffffff;--input-border:#e5e7eb;--panel-bg:#ffffff;--panel-border:#e5e7eb;--panel-hover:#f3f4f6}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,"Apple Color Emoji","Segoe UI Emoji"}a{color:inherit;text-decoration:none}button{background:var(--primary);color:#fff;border:0;padding:10px 14px;border-radius:8px;cursor:pointer;font-weight:600}button.secondary{background:var(--accent)}[data-theme=light] input,[data-theme=light] select,[data-theme=light] textarea{background:var(--input-bg);border:1px solid var(--input-border);color:#111827}input,select,textarea{width:100%;padding:10px 12px;border-radius:8px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text)}label{display:block;margin:8px 0 4px;color:var(--muted)}.container{display:grid;grid-template-columns:240px 1fr;height:100%}.sidebar{background:#0b1020;padding:18px;border-right:1px solid #1f2937}[data-theme=light] .sidebar{background:#fff;border-right:1px solid #e5e7eb}.sidebar .logo{display:flex;align-items:center;gap:10px;margin-bottom:16px}.sidebar nav a{display:block;padding:10px 12px;border-radius:8px;color:var(--muted);margin-bottom:6px}.sidebar nav a.active,.sidebar nav a:hover{background:#141a2a;color:var(--text)}[data-theme=light] .sidebar nav a.active,[data-theme=light] .sidebar nav a:hover{background:#f3f4f6;color:#111827}.content{padding:24px;overflow:auto}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.card{background:var(--card);border:1px solid #1f2937;border-radius:14px;padding:16px}[data-theme=light] .card{border:1px solid #e5e7eb}.row{display:flex;gap:12px}.row>*{flex:1}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.title{display:flex;align-items:center;gap:8px}.title img{height:28px}.table{width:100%;border-collapse:collapse}.table th,.table td{border-bottom:1px solid #1f2937;padding:10px;text-align:left}[data-theme=light] .table th,[data-theme=light] .table td{border-bottom:1px solid #e5e7eb}.theme-toggle{position:fixed;top:10px;right:10px;z-index:60}.icon-btn{background:var(--card);border:1px solid var(--input-border);color:var(--text);border-radius:999px;padding:8px 12px;cursor:pointer}.select-trigger{border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);padding:10px 12px;border-radius:8px;cursor:pointer}.select-panel{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:8px;margin-top:4px;max-height:240px;overflow:auto}.select-panel .searchbox{padding:8px;border-bottom:1px solid var(--panel-border)}.select-panel .option{padding:8px 10px;cursor:pointer}.select-panel .option:hover{background:var(--panel-hover)}.badge{display:inline-block;padding:2px 8px;border-radius:999px;background:#162133;color:#9ab6ff;font-size:12px}[data-theme=light] .badge{background:#eef2ff;color:#4338ca}