*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#0ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh;overflow-x:hidden}code{font-family:Courier New,monospace}::selection{background:#0ff;color:#000}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#1a1a2e}::-webkit-scrollbar-thumb{background:#0ff;border-radius:6px}::-webkit-scrollbar-thumb:hover{background:#0cc}.App{background:linear-gradient(135deg,#0a0a0a,#1a1a2e 50%,#16213e);color:#0ff;min-height:100vh}.app-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ffff1a;border-bottom:2px solid #0ff;box-shadow:0 4px 20px #00ffff4d;padding:2rem}.header-content{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin:0 auto;max-width:1400px}.header-content>div:first-child{text-align:left}.auth-section{gap:1rem}.auth-section,.user-info{align-items:center;display:flex}.user-info{gap:.75rem}.user-avatar{border:2px solid #0ff;border-radius:50%;box-shadow:0 0 10px #00ffff80;height:40px;width:40px}.user-name{color:#0ff;font-weight:700}.app-header h1{animation:glow 2s ease-in-out infinite alternate;font-size:3rem;margin-bottom:.5rem;text-shadow:0 0 20px #0ff,0 0 40px #0ff}@keyframes glow{0%{text-shadow:0 0 20px #0ff,0 0 40px #0ff}to{text-shadow:0 0 30px #0ff,0 0 60px #0ff,0 0 80px #0ff}}.subtitle{font-size:1.2rem;letter-spacing:3px;opacity:.8;text-transform:uppercase}.container{display:flex;gap:2rem;margin:0 auto;max-width:1400px;padding:2rem}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ffff0d;border:1px solid #00ffff4d;border-radius:15px;box-shadow:0 8px 32px #00ffff1a;flex:0 0 350px;max-height:calc(100vh - 200px);overflow-y:auto;padding:1.5rem}.section{margin-bottom:2rem}.section h2{border-bottom:2px solid #0ff;font-size:1.5rem;margin-bottom:1rem;padding-bottom:.5rem}.sites-list{display:flex;flex-direction:column;gap:.75rem}.site-item{align-items:center;background:#00ffff1a;border:1px solid #00ffff4d;border-radius:10px;cursor:pointer;display:flex;justify-content:space-between;padding:1rem;transition:all .3s ease}.site-item:hover{background:#0ff3;border-color:#0ff;box-shadow:0 4px 15px #00ffff4d;transform:translateX(5px)}.site-item.active{background:#00ffff4d;border-color:#0ff;box-shadow:0 0 20px #00ffff80}.site-info{display:flex;flex-direction:column;gap:.25rem}.site-name{font-size:1.1rem;font-weight:700}.site-meta{font-size:.85rem;opacity:.7}.site-actions{display:flex;gap:.5rem}.create-form{display:flex;flex-direction:column;gap:.75rem}.templates-grid{grid-gap:.75rem;background:#0000004d;border:1px solid #0ff3;border-radius:10px;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));max-height:300px;overflow-y:auto;padding:1rem}.template-option{align-items:center;background:#00ffff1a;border:2px solid #00ffff4d;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.5rem;padding:1rem;text-align:center;transition:all .3s ease}.template-option:hover{background:#0ff3;border-color:#0ff;box-shadow:0 4px 15px #00ffff4d;transform:translateY(-3px)}.template-option.selected{background:#00ffff4d;border-color:#0ff;box-shadow:0 0 20px #00ffff80}.template-icon{font-size:2.5rem}.template-name{font-size:.9rem;font-weight:700}.template-desc{font-size:.75rem;opacity:.7}.selected-template-info{background:#00ffff26;font-weight:700;text-align:center}.input-field,.selected-template-info{border:1px solid #00ffff4d;border-radius:8px;color:#0ff;padding:.75rem}.input-field{background:#00000080;font-size:1rem;transition:all .3s ease}.input-field:focus{border-color:#0ff;box-shadow:0 0 15px #00ffff4d;outline:none}.input-field::placeholder{color:#00ffff80}.main-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#00ffff0d;border:1px solid #00ffff4d;border-radius:15px;box-shadow:0 8px 32px #00ffff1a;flex:1 1;max-height:calc(100vh - 200px);overflow-y:auto;padding:2rem}.upload-section{background:#00ffff0d;border:1px solid #00ffff4d;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.upload-section h3{font-size:1.3rem;margin-bottom:1rem}.upload-form{align-items:flex-end;display:flex;gap:1rem}.file-input{background:#00000080;border:1px solid #00ffff4d;border-radius:8px;color:#0ff;cursor:pointer;flex:1 1;padding:.75rem;transition:all .3s ease}.file-input:hover{border-color:#0ff;box-shadow:0 0 15px #00ffff4d}.file-input::-webkit-file-upload-button{background:#0ff3;border:1px solid #00ffff80;border-radius:5px;color:#0ff;cursor:pointer;margin-right:1rem;padding:.5rem 1rem;-webkit-transition:all .3s ease;transition:all .3s ease}.file-input::file-selector-button{background:#0ff3;border:1px solid #00ffff80;border-radius:5px;color:#0ff;cursor:pointer;margin-right:1rem;padding:.5rem 1rem;transition:all .3s ease}.file-input::-webkit-file-upload-button:hover{background:#00ffff4d}.file-input::file-selector-button:hover{background:#00ffff4d}.files-section h3{font-size:1.3rem;margin-bottom:1rem}.files-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.file-item{align-items:center;background:#00ffff1a;border:1px solid #00ffff4d;border-radius:10px;display:flex;gap:1rem;padding:1rem;transition:all .3s ease}.file-item:hover{background:#0ff3;border-color:#0ff;box-shadow:0 4px 15px #00ffff4d;transform:translateY(-3px)}.file-icon{font-size:2rem}.file-info{display:flex;flex:1 1;flex-direction:column;gap:.25rem}.file-name{font-weight:700;word-break:break-word}.file-date,.file-size{font-size:.85rem;opacity:.7}.btn{border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:1px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#0ff,#0cc);box-shadow:0 4px 15px #00ffff4d;color:#000}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #00ffff80;transform:translateY(-2px)}.btn-view{background:linear-gradient(135deg,#0f8,#0c6);color:#000}.btn-view:hover:not(:disabled){box-shadow:0 6px 20px #00ff8880;transform:translateY(-2px)}.btn-small{background:#f003;border:1px solid #ff44444d;border-radius:5px;color:#f44;cursor:pointer;font-size:1rem;padding:.5rem;transition:all .3s ease}.btn-small:hover{background:#ff00004d;transform:scale(1.1)}.btn-delete{background:#f443;border:1px solid #ff44444d;color:#f44}.btn-delete:hover{background:#ff44444d}.empty-state{font-style:italic;opacity:.6;padding:2rem;text-align:center}.welcome-screen{padding:3rem;text-align:center}.welcome-screen h2{font-size:2.5rem;margin-bottom:1rem}.welcome-screen>p{font-size:1.2rem;margin-bottom:3rem;opacity:.8}.features{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:2rem}.feature-card{background:#00ffff1a;border:1px solid #00ffff4d;border-radius:15px;padding:2rem;transition:all .3s ease}.feature-card:hover{border-color:#0ff;box-shadow:0 10px 30px #00ffff4d;transform:translateY(-10px)}.feature-icon{display:block;font-size:3rem;margin-bottom:1rem}.feature-card h3{font-size:1.5rem;margin-bottom:.5rem}.feature-card p{line-height:1.6;opacity:.8}.btn-login{background:linear-gradient(135deg,#4285f4,#357ae8);box-shadow:0 4px 15px #4285f44d;color:#fff}.btn-login:hover{box-shadow:0 6px 20px #4285f480;transform:translateY(-2px)}.btn-login.btn-large{font-size:1.2rem;padding:1rem 2rem}.btn-logout{background:#f443;border:1px solid #ff44444d;color:#f44;text-transform:none}.btn-logout:hover{background:#ff44444d;transform:translateY(-2px)}.btn-secondary{background:#ffffff1a;border:1px solid #00ffff4d;color:#0ff}.btn-secondary:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px)}.content-header{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1rem}.content-header h2{font-size:2rem;margin:0}.header-actions{display:flex;flex-wrap:wrap;gap:1rem}.file-actions{display:flex;gap:.5rem}.btn-edit{background:#0f83;border:1px solid #00ff884d;color:#0f8}.btn-edit:hover{background:#00ff884d;transform:scale(1.1)}.editor-container{height:calc(100vh - 250px)}.editor-container,.editor-layout{display:flex;flex-direction:column}.editor-layout{flex:1 1;gap:1rem;min-height:0}.editor-layout .file-editor{flex:1 1;min-height:300px}.editor-layout .terminal-container{flex:0 0 300px;max-height:400px}.editor-header{align-items:center;border-bottom:2px solid #00ffff4d;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1rem;padding-bottom:1rem}.editor-header h2{font-size:1.5rem;margin:0}.editor-actions{display:flex;gap:1rem}.file-editor{background:#0a0a0a;border:1px solid #00ffff4d;border-radius:10px;color:#0ff;flex:1 1;font-family:Courier New,Monaco,Menlo,monospace;font-size:14px;line-height:1.6;outline:none;overflow-y:auto;padding:1.5rem;resize:none;transition:all .3s ease}.file-editor:focus{border-color:#0ff;box-shadow:0 0 20px #00ffff4d}.file-editor::placeholder{color:#00ffff80}.create-file-section{background:#00ffff0d;border:1px solid #00ffff4d;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.create-file-section h3{font-size:1.3rem;margin-bottom:1rem}.create-file-form{display:flex;flex-direction:column;gap:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end}@media (max-width:968px){.container{flex-direction:column}.sidebar{flex:1 1;max-height:none}.app-header h1{font-size:2rem}.upload-form{align-items:stretch;flex-direction:column}.header-content{flex-direction:column}.header-content,.header-content>div:first-child{text-align:center}.editor-header{align-items:flex-start;flex-direction:column}.editor-actions{justify-content:flex-end;width:100%}.editor-layout{flex-direction:column}.editor-layout .terminal-container{flex:1 1;max-height:300px}}.terminal-container{background:#0a0a0a;border:1px solid #00ffff4d;border-radius:10px;display:flex;flex-direction:column;font-family:Courier New,Monaco,Menlo,monospace;height:100%}.terminal-header{align-items:center;background:#00ffff1a;border-bottom:1px solid #00ffff4d;color:#0ff;display:flex;font-weight:700;justify-content:space-between;padding:.5rem 1rem}.terminal-output{background:#000;color:#0f8;flex:1 1;font-size:14px;line-height:1.6;overflow-y:auto;padding:1rem}.terminal-line{margin-bottom:.5rem;word-break:break-word}.terminal-command{color:#0ff}.terminal-line.terminal-output .terminal-text{color:#0f8;white-space:pre-wrap}.terminal-error{color:#f44;white-space:pre-wrap}.terminal-error-marker{color:#f44;margin-right:.5rem}.terminal-exit{color:#fa0;font-size:.9em}.terminal-info{color:#888;font-style:italic}.terminal-prompt{color:#0ff;font-weight:700;margin-right:.5rem}.terminal-text{white-space:pre-wrap}.terminal-input-form{align-items:center;background:#00000080;border-radius:0 0 10px 10px;border-top:1px solid #00ffff4d;display:flex;padding:.75rem 1rem}.terminal-input{background:#0000;border:none;color:#0ff;flex:1 1;font-family:Courier New,Monaco,Menlo,monospace;font-size:14px;outline:none;padding:.5rem}.terminal-input::placeholder{color:#00ffff80}.btn-terminal-clear{font-size:.85rem;padding:.25rem .5rem}
/*# sourceMappingURL=main.7c2265af.css.map*/