:root{--bg-primary: #000000;--bg-secondary: #0a0a0a;--bg-card: #111111;--bg-hover: #1a1a1a;--text-primary: #ffffff;--text-secondary: #a1a1aa;--text-muted: #71717a;--accent-primary: #8b5cf6;--accent-secondary: #06b6d4;--accent-tertiary: #f59e0b;--purple1: hsl(280, 65%, 1.4%);--purple2: hsl(276, 100%, 2%);--purple3: hsl(276, 83.1%, 3%);--purple4: hsl(275, 76.4%, 4.7%);--purple5: hsl(273, 73.1%, 6.7%);--purple6: hsl(272, 71.7%, 9.8%);--purple7: hsl(271, 70%, 14.3%);--purple8: hsl(272, 66.3%, 19.5%);--purple9: hsl(272, 51%, 54%);--purple10: hsl(272, 46.8%, 60.3%);--purple11: hsl(272, 50%, 75.8%);--purple12: hsl(272, 66%, 90%);--slate1: hsl(206, 30%, 1.8%);--slate2: hsl(210, 16.7%, 2.6%);--slate3: hsl(209, 13.3%, 4.3%);--slate4: hsl(209, 12.2%, 6.2%);--slate5: hsl(208, 11.7%, 8.1%);--slate6: hsl(208, 11.3%, 11.9%);--slate7: hsl(207, 11.1%, 15.9%);--slate8: hsl(205, 10.7%, 23%);--slate9: hsl(206, 6%, 56.1%);--slate10: hsl(206, 5.8%, 62.3%);--slate11: hsl(206, 6%, 83.5%);--slate12: hsl(206, 24%, 94%);--sidebar-width: 280px;--sidebar-collapsed-width: 80px;--border-color: var(--slate6);--font-sans: "Outfit", sans-serif;--font-display: "Bitcount Grid Single", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:Outfit,sans-serif;overflow-x:hidden;line-height:1.5}h1,h2,h3,h4,h5,h6{font-family:Bitcount Grid Single,monospace;font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}.app-wrapper{display:flex;min-height:100vh}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-height:100vh;transition:margin-left .3s ease}.content-wrapper{flex:1;padding:2rem}@media(max-width:768px){.main-content{margin-left:0}.content-wrapper{padding:0 .5rem}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem}.btn-primary{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 100%);color:#fff;box-shadow:0 4px 15px #8b5cf633}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #8b5cf64d}.text-gradient{background:linear-gradient(135deg,var(--accent-primary) 0%,var(--accent-secondary) 50%,var(--accent-tertiary) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}.card{background:var(--bg-card);border:1px solid var(--slate6);border-radius:12px;padding:1.5rem}.card-dark{background:linear-gradient(135deg,var(--bg-card) 0%,var(--slate3) 100%)}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.container-xl{padding:2rem}.hidden{display:none!important}.cursor-pointer{cursor:pointer}.space-y-4>*+*{margin-top:1rem}.text-center{text-align:center}.font-bold{font-weight:700}.font-semibold{font-weight:600}.grid{display:grid}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.text-sm{font-size:.875rem}.text-lg{font-size:1.125rem}.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}.fade-enter-active,.fade-leave-active{transition:opacity .2s ease}.fade-enter-from,.fade-leave-to{opacity:0}.slide-enter-active,.slide-leave-active{transition:all .3s ease}.slide-enter-from{transform:translate(20px);opacity:0}.slide-leave-to{transform:translate(-20px);opacity:0}.dropzone{position:relative;padding:2rem;min-height:200px;display:flex;align-items:center;justify-content:center}.dropzone-content{z-index:1}.dropzone-icon{margin-bottom:1rem;animation:dropzone-float 3s ease-in-out infinite}@keyframes dropzone-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.dropzone-overlay{position:absolute;inset:0;background:#8b5cf61a;border:3px dashed var(--accent-primary);border-radius:12px;display:none;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.dropzone-overlay-content{text-align:center;animation:dropzone-pulse 1.5s ease-in-out infinite}@keyframes dropzone-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}.dropzone-container.drag-over{border-color:var(--accent-primary)!important;background:#8b5cf60d}.dropzone-container.drag-over .dropzone-overlay{display:flex}@keyframes uploadArrowBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.upload-arrow{animation:uploadArrowBounce 1s ease-in-out infinite}@keyframes uploadPulse{0%,to{opacity:1}50%{opacity:.7}}.upload-loader-icon{animation:uploadPulse 2s ease-in-out infinite}.progress{height:8px;background:var(--slate6);border-radius:8px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));border-radius:8px;transition:width .3s ease}.rounded-lg{border-radius:8px}.rounded-xl{border-radius:12px}.rounded-full{border-radius:9999px}.bg-dark-700{background-color:var(--bg-hover)}.bg-dark-800{background-color:var(--bg-card)}.bg-dark-900{background-color:var(--bg-secondary)}.border{border:1px solid var(--slate6)}.w-8{width:2rem}.h-8{height:2rem}.w-full{width:100%}.max-w-7xl{max-width:80rem}.mx-auto{margin-left:auto;margin-right:auto}