body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.default-name-size{font-size:1rem}.default-icon-size{font-size:1.5rem}.default-icon-gap{gap:.8rem}.hide-for-mobile{display:none}@media (min-width: 768px){.hide-for-mobile{display:block}}@media screen and (max-width: 640px){.default-icon-size{font-size:1.2rem}.default-icon-gap{gap:.5rem}.default-name-size{font-size:.9rem}}.scrollbar-thin::-webkit-scrollbar{width:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:currentColor;border-radius:20px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:currentColor}.action-btn{position:relative}.action-btn:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:4px 8px;border-radius:4px;font-size:12px;white-space:nowrap;background-color:#333;color:#fff;opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;z-index:10}.action-btn:hover:after{opacity:1;visibility:visible}progress{width:95%;height:4px;border-radius:4px;overflow:hidden;border:none}progress::-webkit-progress-bar{background-color:#bbbcbf}progress::-webkit-progress-value{background-color:#6366f1}progress::-moz-progress-bar{background-color:#6366f1}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion: no-preference){.App-logo{animation:App-logo-spin infinite 20s linear}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.form-group{margin-bottom:20px}.form-label{display:block;margin-bottom:8px;font-weight:500;color:#cbd5e1}.form-input{width:100%;padding:12px 16px;background:#1e293b;border:2px solid #475569;border-radius:8px;color:#e2e8f0;font-size:14px;transition:all .3s ease}.form-input:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.form-input.error{border-color:#ef4444}.form-input.success{border-color:#10b981}.form-textarea{width:100%;padding:12px 16px;background:#1e293b;border:2px solid #475569;border-radius:8px;color:#e2e8f0;font-size:14px;transition:all .3s ease;resize:vertical;min-height:100px;font-family:inherit}.form-textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.error-message{color:#ff6464;font-size:12px;margin-top:4px}.success-message{color:#10b981;font-size:12px;margin-top:4px}.card{background:#1e293bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #334155;border-radius:16px;padding:32px;box-shadow:0 20px 25px -5px #0000004d}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#1e293b}::-webkit-scrollbar-thumb{background:#4b5e7c;border-radius:4px;cursor:grab}::-webkit-scrollbar-thumb:hover{background:#045c82}.btn{padding:12px 24px;border:none;border-radius:8px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:linear-gradient(135deg,#10b981,#059669);color:#fff;cursor:pointer}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #10b98166}.btn-secondary{background:transparent;color:#10b981;border:2px solid #10b981;cursor:pointer}.btn-secondary:hover{background:#10b981;color:#fff;transform:translateY(-2px)}.btn-ghost{background:transparent;color:#94a3b8;border:1px solid #475569;cursor:pointer}.btn-ghost:hover{background:#334155;color:#e2e8f0}.loading-spinner{width:20px;height:20px;border:2px solid #475569;border-top:2px solid #10b981;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.avatar-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(50px,1fr));grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:12px;margin-top:12px}.avatar-option{width:50px;height:50px;cursor:pointer;border:3px solid transparent;transition:all .3s ease;object-fit:cover}.avatar-option:hover{transform:scale(1.1);filter:drop-shadow(0 0 10px #10b981)}.avatar-option.selected{filter:drop-shadow(0 0 10px #10b981);transform:scale(1.1)}@media (max-width: 1140px){.card{padding:0;margin:0;border:0;border-radius:0;background-color:transparent}.avatar-grid{grid-template-columns:repeat(auto-fit,minmax(50px,1fr))}.avatar-option{width:50px;height:50px}}.react-simple-code-editor textarea,.npm__react-simple-code-editor__textarea{outline:none!important;box-shadow:none!important}