*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:system-ui,Segoe UI,Arial,sans-serif;background:#0b0b14;color:#eee}a{color:#7c3aed}.container{max-width:960px;margin:0 auto;padding:24px}.card{background:#11121b;border:1px solid #2a2b40;border-radius:12px;padding:18px;margin-bottom:16px}.btn{background:#7c3aed;color:#fff;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:600}.btn.secondary{background:#2a2b40}.btn.danger{background:#b00020}.btn[disabled]{opacity:.5;cursor:not-allowed}.input,.textarea,select{width:100%;background:#0b0b14;border:1px solid #2a2b40;color:#eee;padding:10px;border-radius:8px;font-family:inherit;font-size:14px}.textarea{min-height:90px;resize:vertical}.row{display:flex;gap:12px;flex-wrap:wrap}.row>*{flex:1 1 220px}.grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.muted{color:#888;font-size:13px}.tag{background:#2a2b40;color:#fff;border-radius:999px;padding:2px 10px;font-size:12px}.error{color:#ff6b6b}.success{color:#58e1a3}.loading{padding:40px;text-align:center;color:#888}.legal{background:#1a1a2a;border:1px solid #5b21b6;padding:12px;border-radius:10px;margin:12px 0;font-size:13px}.legal label{display:flex;gap:10px;align-items:flex-start;cursor:pointer}.warn{background:#2a1a14;border:1px solid #ff8c42;color:#ffcaa3;padding:12px;border-radius:8px;margin:12px 0}.navbar{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:#0f0f1a;border-bottom:1px solid #2a2b40}.navbar a{color:#ddd;text-decoration:none;margin-right:16px}.navbar a.active{color:#7c3aed}.code{background:#06060d;padding:10px;border-radius:8px;font-family:ui-monospace,monospace;font-size:12px;-webkit-user-select:all;user-select:all;word-break:break-all}h1,h2,h3{color:#fff}hr{border:none;border-top:1px solid #2a2b40;margin:16px 0}