*{box-sizing:border-box}:root{--primary: #747bff;--bg: #000000;--card-bg: #1e1e1e;--text: #e0e0e0;--text-secondary: #aaaaaa;--error: #ff5252;--success: #4caf50;--input-bg: #2c2c2c;--border: #333333}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg);color:var(--text);display:flex;justify-content:center;align-items:center;min-height:100vh}#root{width:100%}.app-container{display:flex;justify-content:center;width:100%;padding:20px}.card{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0000000d;width:100%;max-width:400px;text-align:center;display:flex;flex-direction:column}h1{font-size:1.5rem;margin-bottom:.5rem;color:var(--text)}.subtitle{color:var(--text-secondary);font-size:.9rem;margin-bottom:2rem}.builder-info{color:var(--text-secondary);font-size:.8rem;margin-bottom:2rem;opacity:.7;text-align:center}.card-footer{color:var(--text-secondary);font-size:.75rem;margin-top:1.5rem;opacity:.6;text-align:center;border-top:1px solid rgba(255,255,255,.1);padding-top:1rem}.input-field{width:100%;padding:12px;background:var(--input-bg);color:var(--text);border:1px solid var(--border);border-radius:8px;font-size:1rem;margin-bottom:1rem;box-sizing:border-box}.input-field:focus{outline:none;border-color:var(--primary)}.submit-btn,.action-btn{width:100%;padding:12px;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:background .2s}.submit-btn:hover,.action-btn:hover{background:#535bf2}.submit-btn:disabled{background:#ccc;cursor:not-allowed}.error-msg{color:var(--error);margin-top:1rem;font-size:.9rem}.admin-container{width:100%;max-width:800px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.back-link{text-decoration:none;color:var(--primary)}.admin-section{background:var(--card-bg);padding:2rem;border-radius:12px;box-shadow:0 4px 20px #0003;margin-bottom:2rem}.admin-form .form-group{margin-bottom:1rem;text-align:left}.admin-form label{display:block;font-size:.9rem;margin-bottom:.5rem;font-weight:500;color:var(--text-secondary)}.code-output{width:100%;margin-top:1rem;padding:10px;border:1px solid var(--border);background:var(--input-bg);color:var(--success);font-family:monospace}.logs-table{width:100%;border-collapse:collapse;font-size:.9rem;color:var(--text-secondary)}.logs-table th,.logs-table td{padding:10px;text-align:left;border-bottom:1px solid var(--border)}.logs-table th{color:var(--text)}.truncate{max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.success-container{animation:fadeIn .5s}.content-box{background:var(--input-bg);padding:1rem;border-radius:8px;margin:1rem 0;font-weight:500;word-break:break-all;border:1px solid var(--border)}.copy-btn,.reset-btn{margin-top:.5rem;padding:8px 16px;border:none;background:var(--input-bg);color:var(--text);border-radius:6px;cursor:pointer;font-size:.9rem;margin:5px;border:1px solid var(--border);transition:background .2s}.copy-btn:hover,.reset-btn:hover{background:#333}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:768px){.app-container{padding:10px}.card{padding:1.5rem 1rem;max-width:100%}h1{font-size:1.3rem}.subtitle{font-size:.85rem;margin-bottom:1.5rem}.input-field{font-size:16px;padding:14px;margin-bottom:1.2rem}.submit-btn,.action-btn{font-size:16px;padding:14px}.card-footer{font-size:.7rem;margin-top:1rem}}
