.navbar{background:linear-gradient(135deg,#0c2461,#1e3799);border-bottom:1px solid #ffffff1a;box-shadow:0 4px 20px #0000004d;padding:.8rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:1000}.navbar-container{justify-content:space-between;margin:0 auto;max-width:1400px}.navbar-brand,.navbar-container,.navbar-logo{align-items:center;display:flex}.navbar-logo{color:#fff;font-size:1.5rem;font-weight:700;text-decoration:none;transition:all .3s ease}.navbar-logo:hover{transform:scale(1.05)}.logo-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem;margin-right:.8rem}.logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(45deg,#4a69bd,#6a89cc);-webkit-background-clip:text;background-clip:text}.navbar-menu{gap:2rem}.nav-link,.navbar-menu{align-items:center;display:flex}.nav-link{border-radius:8px;color:#d1d8e0;font-weight:500;gap:.5rem;overflow:hidden;padding:.5rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:before{background:linear-gradient(45deg,#4a69bd,#6a89cc);bottom:0;content:"";height:2px;left:50%;position:absolute;transform:translateX(-50%);transition:all .3s ease;width:0}.nav-link:hover{background:#ffffff1a;color:#fff}.nav-link:hover:before{width:80%}.nav-icon{font-size:1.2rem}.signup-link{background:linear-gradient(45deg,#4a69bd,#6a89cc);color:#fff;padding:.5rem 1.5rem}.signup-link:hover{background:linear-gradient(45deg,#3c518f,#5a76b3);box-shadow:0 4px 15px #4a69bd66;transform:translateY(-2px)}.user-info{align-items:center;border-left:1px solid #ffffff1a;display:flex;gap:1.5rem;padding-left:1.5rem}.username{background:#ffffff1a;border-radius:20px;color:#fff;font-size:.9rem;font-weight:600;padding:.4rem 1rem}.logout-btn{align-items:center;background:#e74c3c33;border:1px solid #e74c3c4d;border-radius:8px;color:#ff7979;cursor:pointer;display:flex;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .3s ease}.logout-btn:hover{background:#e74c3c4d;box-shadow:0 4px 12px #e74c3c4d;transform:translateY(-2px)}.logout-icon{font-size:1rem}@media (max-width:768px){.navbar{padding:.8rem 1rem}.navbar-container{flex-direction:column;gap:1rem}.navbar-menu{flex-wrap:wrap;gap:1rem;justify-content:center;width:100%}.user-info{border-left:none;justify-content:center;padding-left:0}}.login-container{align-items:center;background:linear-gradient(135deg,#0a1931,#1a1a2e);display:flex;justify-content:center;min-height:calc(100vh - 80px);overflow:hidden;padding:2rem;position:relative}.login-card{animation:fadeInUp .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:450px;padding:3rem;width:100%;z-index:1}.login-header{margin-bottom:2.5rem;text-align:center}.login-icon{align-items:center;background:linear-gradient(45deg,#4a69bd,#6a89cc);border-radius:50%;box-shadow:0 8px 25px #4a69bd66;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.login-header h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.login-header p{color:#a5b1c2;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-input:focus{border-color:#4a69bd;box-shadow:0 0 0 3px #4a69bd33}.login-btn{align-items:center;background:linear-gradient(45deg,#4a69bd,#6a89cc);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem;transition:all .3s ease}.login-btn:hover:not(:disabled){box-shadow:0 10px 25px #4a69bd66;transform:translateY(-2px)}.login-btn:disabled{cursor:not-allowed;opacity:.7}.login-footer{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.login-footer p{color:#a5b1c2;font-size:.9rem}.signup-link{color:#4a69bd;font-weight:600;text-decoration:none;transition:color .3s ease}.signup-link:hover{color:#6a89cc;text-decoration:underline}.login-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.bg-shape{background:linear-gradient(45deg,#4a69bd1a,#6a89cc0d)}.shape-1{height:300px;right:-150px;top:-150px;width:300px}.shape-2{bottom:100px;height:200px;left:-100px;width:200px}.shape-3{bottom:50px;right:20%}@media (max-width:768px){.login-container{padding:1rem}.login-card{padding:2rem}.login-icon{font-size:2rem;height:60px;width:60px}}.user-guide-link-container{border-top:1px solid #667eea1a;margin-top:20px;padding-top:20px}.guide-download-link{align-items:center;background:linear-gradient(135deg,#f8f9ff,#f0f4ff);border:2px solid #667eea;border-radius:12px;box-shadow:0 2px 8px #667eea1a;color:#667eea;display:flex;font-size:14px;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;text-decoration:none;transition:all .3s ease;width:100%}.guide-download-link:hover{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 12px #667eea4d;color:#fff;transform:translateY(-2px)}.guide-download-link:hover .guide-badge{background:#ffffff4d;color:#fff}.guide-icon{font-size:20px}.guide-text{flex:1 1;letter-spacing:.2px;text-align:left}.guide-badge{background:#667eea;border-radius:6px;color:#fff;font-size:11px;font-weight:700;letter-spacing:.5px;padding:4px 10px;transition:all .3s ease}@media (max-width:480px){.user-guide-link-container{margin-top:16px;padding-top:16px}.guide-download-link{font-size:13px;padding:12px 16px}.guide-icon{font-size:18px}.guide-text{font-size:13px}.guide-badge{font-size:10px;padding:3px 8px}}.signup-container{align-items:center;background:linear-gradient(135deg,#0a1931,#1a1a2e);display:flex;justify-content:center;min-height:calc(100vh - 80px);overflow:hidden;padding:2rem;position:relative}.signup-card{animation:fadeInUp .6s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 40px #0000004d;max-width:500px;padding:3rem;width:100%;z-index:1}.signup-header{margin-bottom:2.5rem;text-align:center}.signup-icon{align-items:center;background:linear-gradient(45deg,#6c5ce7,#a29bfe);border-radius:50%;box-shadow:0 8px 25px #6c5ce766;display:flex;font-size:2.5rem;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}.signup-header h2{color:#fff;font-size:2rem;font-weight:700;margin-bottom:.5rem}.signup-header p{color:#a5b1c2;font-size:1rem}.signup-form{display:flex;flex-direction:column;gap:1.5rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:768px){.form-row{grid-template-columns:1fr}}.form-group{gap:.5rem}.form-group label{align-items:center;color:#d1d8e0;display:flex;font-size:.95rem;font-weight:500;gap:.5rem}.input-icon{font-size:1.2rem}.form-input{background:#ffffff12;border:1px solid #ffffff1a;border-radius:10px;color:#fff;font-size:1rem;padding:1rem 1.2rem;transition:all .3s ease}.form-input:focus{background:#ffffff1a;border-color:#6c5ce7;box-shadow:0 0 0 3px #6c5ce733;outline:none}.form-input::placeholder{color:#7b8793}.error-message{border:1px solid #e74c3c4d;border-radius:8px;color:#ff7979;padding:.8rem}.success-message{background:#2ecc711a;border:1px solid #2ecc714d;border-radius:8px;color:#2ecc71;font-size:.9rem;padding:.8rem;text-align:center}.signup-btn{align-items:center;background:linear-gradient(45deg,#6c5ce7,#a29bfe);border:none;border-radius:10px;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:.5rem;justify-content:center;margin-top:.5rem;padding:1rem;transition:all .3s ease}.signup-btn:hover:not(:disabled){box-shadow:0 10px 25px #6c5ce766;transform:translateY(-2px)}.signup-btn:disabled{cursor:not-allowed;opacity:.7}.btn-icon{font-size:1.2rem}.spinner{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}.signup-footer{border-top:1px solid #ffffff1a;margin-top:1.5rem;padding-top:1.5rem;text-align:center}.signup-footer p{color:#a5b1c2;font-size:.9rem}.login-link{color:#a29bfe;font-weight:600;text-decoration:none;transition:color .3s ease}.login-link:hover{color:#6c5ce7;text-decoration:underline}.signup-background{bottom:0;left:0;overflow:hidden;pointer-events:none;position:absolute;right:0;top:0}.bg-shape{background:linear-gradient(45deg,#6c5ce71a,#a29bfe0d);border-radius:50%;position:absolute}.shape-1{height:400px;left:-200px;top:-200px;width:400px}.shape-2{bottom:-150px;height:300px;right:-150px;width:300px}.shape-3{height:150px;right:10%;top:20%;width:150px}.shape-4{bottom:30%;height:100px;left:10%;width:100px}.shape-3{animation:float 6s ease-in-out infinite}.shape-4{animation:float 4s ease-in-out infinite}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.signup-container{padding:1rem}.signup-card{padding:2rem}.signup-icon{font-size:2rem;height:60px;width:60px}}.dashboard-container{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0 auto;max-width:1400px;min-height:100vh;padding:2.5rem}.dashboard-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:70vh}.loading-spinner{box-shadow:0 0 40px #6c63ff66;height:70px;width:70px}.dashboard-loading p{color:#ffffffb3;font-size:1.2rem;font-weight:500;letter-spacing:.5px}.premium-stats-bar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#6c63ff1a,#4a69bd1a);border:2px solid #6c63ff33;border-radius:20px;box-shadow:0 8px 32px #6c63ff26;display:flex;flex-wrap:wrap;gap:1.5rem;margin-bottom:2.5rem;padding:1.5rem 2rem}.stat-item{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;cursor:pointer;gap:1rem;padding:.8rem 1.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-item:hover{background:#ffffff1a;box-shadow:0 8px 20px #6c63ff4d;transform:translateY(-3px)}.stat-mini-icon{font-size:2rem}.stat-mini-content{display:flex;flex-direction:column;gap:.2rem}.stat-mini-label{color:#fff9;font-size:.85rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.stat-mini-value{color:#fff;font-size:1.8rem;font-weight:900;line-height:1}.view-analytics-btn{align-items:center;background:linear-gradient(135deg,#6c63ff,#4a69bd);border:none;border-radius:12px;box-shadow:0 8px 24px #6c63ff66;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.8rem;margin-left:auto;padding:.9rem 2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.view-analytics-btn:hover{box-shadow:0 12px 32px #6c63ff99;transform:translateY(-3px)}.view-analytics-btn .arrow{font-size:1.2rem;transition:transform .3s ease}.view-analytics-btn:hover .arrow{transform:translateX(5px)}.stats-modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:2000}.stats-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffffff1a;border-radius:32px;box-shadow:0 30px 90px #000000b3;max-height:90vh;max-width:1100px;overflow-y:auto;padding:3rem;width:100%}.stats-modal::-webkit-scrollbar{width:10px}.stats-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.stats-modal::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6c63ff,#4a69bd);border-radius:10px}.stats-modal-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;justify-content:space-between;margin-bottom:3rem;padding-bottom:2rem}.stats-modal-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:2.5rem;font-weight:900;letter-spacing:-.5px}.close-stats-modal{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;color:#ccc;cursor:pointer;display:flex;font-size:2rem;height:50px;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);width:50px}.close-stats-modal:hover{background:#ff475726;border-color:#ff47574d;color:#fff;transform:rotate(90deg)}.stats-grid{grid-gap:2rem;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:3rem}.stat-card{align-items:center;background:#ffffff08;border:2px solid #ffffff1a;border-radius:20px;display:flex;gap:1.5rem;overflow:hidden;padding:2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:linear-gradient(90deg,#6c63ff,#4a69bd);content:"";height:4px;left:0;position:absolute;right:0;top:0}.stat-card:hover{border-color:#6c63ff4d;box-shadow:0 15px 40px #6c63ff4d;transform:translateY(-5px)}.stat-card .stat-icon{align-items:center;background:linear-gradient(135deg,#6c63ff,#4a69bd);border-radius:16px;box-shadow:0 10px 30px #6c63ff66;display:flex;font-size:3rem;height:70px;justify-content:center;width:70px}.stat-card .stat-content{flex:1 1}.stat-card .stat-content h3{color:#ffffffb3;font-size:.95rem;font-weight:600;letter-spacing:1px;margin-bottom:.5rem;text-transform:uppercase}.stat-value{font-size:2.5rem;font-weight:900;line-height:1;margin-bottom:.5rem}.stat-change{border-radius:20px;display:inline-block;font-size:.9rem;font-weight:600;padding:.3rem .8rem}.stat-change.positive{background:#7eed9f26;color:#7bed9f}.stat-change.neutral{background:#6c63ff26;color:#6c63ff}.circular-progress-section{margin-bottom:3rem}.section-title{color:#fff;font-size:1.8rem;font-weight:800;letter-spacing:-.3px;margin-bottom:2rem}.circular-progress-grid{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));justify-items:center}.circular-progress-container{align-items:center;display:flex;justify-content:center;position:relative}.circular-progress{transform:rotate(0deg)}.circular-progress-bar{filter:drop-shadow(0 0 10px currentColor);transition:stroke-dashoffset 1.5s cubic-bezier(.4,0,.2,1)}.circular-progress-text{left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.circular-progress-text .percentage{color:#fff;font-size:2.2rem;font-weight:900;line-height:1;margin-bottom:.3rem}.circular-progress-text .label{color:#fff9;font-size:.85rem;font-weight:600;letter-spacing:.5px;line-height:1.2;max-width:90px;text-transform:uppercase}.activity-timeline{background:#ffffff08;border:2px solid #ffffff1a;border-radius:20px;padding:2rem}.timeline-items{display:flex;flex-direction:column;gap:1.5rem}.timeline-item{display:flex;gap:1.5rem;padding-left:2rem;position:relative}.timeline-item:before{background:linear-gradient(180deg,#6c63ff4d,#0000);bottom:-1.5rem;content:"";left:.7rem;position:absolute;top:2rem;width:2px}.timeline-item:last-child:before{display:none}.timeline-dot{animation:pulse-dot 2s ease-in-out infinite;background:linear-gradient(135deg,#6c63ff,#4a69bd);border:3px solid #1a1a2e;border-radius:50%;box-shadow:0 0 20px #6c63ff99;height:16px;left:0;position:absolute;top:.5rem;width:16px}.timeline-content h4{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.timeline-content p{color:#fff9;font-size:.95rem;line-height:1.5;margin-bottom:.5rem}.timeline-time{color:#fff6;font-size:.85rem;font-weight:600}.dashboard-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:24px;box-shadow:0 8px 32px #0003;display:flex;justify-content:space-between;margin-bottom:4rem;overflow:hidden;padding:2.5rem;position:relative}.dashboard-header:before{animation:shimmer 3s linear infinite;background:linear-gradient(90deg,#6c63ff,#4a69bd,#6c63ff);background-size:200% 100%;content:"";height:4px;left:0;position:absolute;right:0;top:0}.header-content{flex:1 1}.header-content h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:3rem;font-weight:900;letter-spacing:-1px;margin-bottom:.8rem;text-shadow:0 4px 20px #6c63ff4d}.welcome-text{color:#ffffffb3;font-size:1.3rem;font-weight:500;letter-spacing:.3px;line-height:1.6;max-width:600px}.highlight{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#4a69bd);-webkit-background-clip:text;background-clip:text;font-weight:800;position:relative}.highlight:after{background:linear-gradient(90deg,#6c63ff,#4a69bd);border-radius:2px;bottom:-2px;content:"";height:2px;left:0;position:absolute;right:0}.create-dashboard-btn{align-items:center;border-radius:14px;box-shadow:0 10px 30px #6c63ff66;display:flex;font-size:1.1rem;gap:.8rem;letter-spacing:.3px;overflow:hidden;padding:1.1rem 2.2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.create-dashboard-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.create-dashboard-btn:hover:before{left:100%}.create-dashboard-btn:hover{box-shadow:0 15px 40px #6c63ff99;transform:translateY(-4px) scale(1.02)}.create-dashboard-btn:active{transform:translateY(-2px) scale(.98)}.btn-icon{font-size:1.5rem}.dashboard-error{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff47571a;border:2px solid #ff47574d;border-radius:16px;color:#ff6b81;display:flex;font-size:1.1rem;font-weight:700;gap:1rem;justify-content:center;margin-bottom:2.5rem;padding:1.8rem;text-align:center}.dashboard-error:before{content:"⚠";font-size:1.8rem}.create-modal-overlay{align-items:center;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.create-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffffff1a;border-radius:28px;box-shadow:0 30px 90px #000000b3,0 0 0 1px #ffffff0d;max-height:90vh;max-width:600px;overflow-y:auto;padding:2.5rem;width:100%}.create-modal::-webkit-scrollbar{width:8px}.create-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.create-modal::-webkit-scrollbar-thumb{background:#6c63ff80;border-radius:10px}.create-modal::-webkit-scrollbar-thumb:hover{background:#6c63ffb3}.modal-header{margin-bottom:2.5rem}.modal-header h3{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;font-size:2.2rem}.close-modal{border-radius:12px;font-size:1.8rem;height:45px;transition:all .3s cubic-bezier(.4,0,.2,1);width:45px}.modal-form{gap:2rem}.modal-form .form-group{display:flex;flex-direction:column;gap:.75rem}.modal-form label{align-items:center;color:#e0e0e0;display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;letter-spacing:.3px}.modal-form label:before{background:linear-gradient(180deg,#6c63ff,#4a69bd);border-radius:2px;content:"";height:18px;width:4px}.modal-form input,.modal-form textarea{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:14px;color:#fff;font-family:inherit;font-size:1.1rem;padding:1.2rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.modal-form input:focus,.modal-form textarea:focus{background:#ffffff14;border-color:#6c63ff;box-shadow:0 0 0 4px #6c63ff26,0 8px 24px #6c63ff33;outline:none;transform:translateY(-2px)}.modal-form textarea{font-family:inherit;line-height:1.6;min-height:110px;resize:vertical}.form-error{border-radius:14px;font-size:1rem;font-weight:700;gap:.8rem;padding:1.3rem}.form-error:before{font-size:1.3rem}.modal-actions{gap:1.5rem;margin-top:2rem}.cancel-btn{border-radius:14px;cursor:pointer;font-weight:700;letter-spacing:.3px;padding:1.05rem 2.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.cancel-btn:hover{box-shadow:0 5px 15px #ffffff1a}.submit-btn{border:none;border-radius:14px;box-shadow:0 10px 30px #6c63ff66;cursor:pointer;font-weight:800;letter-spacing:.3px;padding:1.05rem 2.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.submit-btn:hover:not(:disabled){box-shadow:0 15px 40px #6c63ff99}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{transform:none}.empty-state{background:#ffffff08;border:3px dashed #ffffff1a;border-radius:32px;margin:3rem 0;overflow:hidden;padding:6rem 2rem;position:relative;text-align:center}.empty-state:before{animation:pulse 4s ease-in-out infinite;background:radial-gradient(circle,#6c63ff26 0,#0000 70%);border-radius:50%;content:"";height:500px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:500px}.empty-icon{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#6c63ff,#4a69bd);-webkit-background-clip:text;background-clip:text;font-size:6.5rem;margin-bottom:2.5rem;position:relative;z-index:1}.empty-state h3{color:#fff;font-size:2.5rem;font-weight:900;letter-spacing:-.5px;margin-bottom:1.2rem;position:relative;z-index:1}.empty-state p{color:#fff9;font-size:1.3rem;line-height:1.7;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:500px;position:relative;z-index:1}.create-first-btn{background:linear-gradient(135deg,#6c63ff,#4a69bd);border:none;border-radius:16px;box-shadow:0 12px 35px #6c63ff66;color:#fff;cursor:pointer;font-size:1.2rem;font-weight:800;letter-spacing:.3px;overflow:hidden;padding:1.3rem 3.2rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1}.create-first-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.create-first-btn:hover:before{left:100%}.create-first-btn:hover{box-shadow:0 20px 50px #6c63ff99;transform:translateY(-4px) scale(1.02)}.create-first-btn:active{transform:translateY(-2px) scale(.98)}.dashboard-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));margin:3rem 0}.dashboard-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffffff14;border-radius:28px;box-shadow:0 15px 50px #0000004d;overflow:hidden;padding:2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.dashboard-card:before{background:linear-gradient(90deg,#6c63ff,#4a69bd);content:"";height:5px;left:0;position:absolute;right:0;top:0}.dashboard-card:after{background:radial-gradient(circle,#6c63ff14 0,#0000 50%);content:"";height:200%;opacity:0;pointer-events:none;position:absolute;right:-50%;top:-50%;transition:opacity .4s ease;width:200%}.dashboard-card:hover:after{opacity:1}.dashboard-card:hover{border-color:#6c63ff4d;box-shadow:0 25px 70px #00000080,0 0 0 1px #6c63ff4d;transform:translateY(-10px)}.card-header{gap:1.5rem;margin-bottom:1.8rem}.card-header,.card-icon{align-items:center;display:flex}.card-icon{background:linear-gradient(135deg,#6c63ff,#4a69bd);border-radius:18px;box-shadow:0 10px 30px #6c63ff66;color:#fff;font-size:2.5rem;height:70px;justify-content:center;overflow:hidden;position:relative;width:70px}.card-icon:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.card-title{flex:1 1}.card-title h3{color:#fff;font-size:1.8rem;font-weight:900;letter-spacing:-.3px;margin-bottom:.6rem}.chart-count{align-items:center;background:#6c63ff26;border:1px solid #6c63ff4d;border-radius:20px;color:#6c63ff;display:inline-flex;font-size:1rem;font-weight:700;gap:.4rem;padding:.4rem 1.1rem}.chart-count:before{content:"📊";font-size:.9rem}.card-description{color:#ffffffb3;font-size:1.1rem;line-height:1.7;margin-bottom:2rem;min-height:65px;padding-right:1rem}.card-actions{display:flex;gap:1.2rem}.delete-btn,.view-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:flex;flex:1 1;font-size:1.05rem;font-weight:700;gap:.8rem;justify-content:center;letter-spacing:.3px;padding:1.1rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.view-btn{background:#6c63ff26;border:2px solid #6c63ff4d;color:#6c63ff}.view-btn:hover{background:#6c63ff40;border-color:#6c63ff;box-shadow:0 10px 25px #6c63ff66;color:#fff;transform:translateY(-3px)}.delete-btn{background:#ff475726;border:2px solid #ff47574d;color:#ff6b81}.delete-btn:hover{background:#ff475740;border-color:#ff6b81;box-shadow:0 10px 25px #ff475766;color:#fff;transform:translateY(-3px)}.action-icon{font-size:1.4rem}.quick-actions{grid-gap:2.5rem;border-top:2px solid #ffffff14;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:4rem;padding-top:3rem}.quick-action-btn{align-items:center;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffffff14;border-radius:24px;box-shadow:0 10px 40px #0000004d;display:flex;gap:1.8rem;overflow:hidden;padding:2.2rem;position:relative;text-decoration:none;transition:all .4s cubic-bezier(.4,0,.2,1)}.quick-action-btn:before{background:linear-gradient(90deg,#6c63ff,#4a69bd);content:"";height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .4s ease}.quick-action-btn:hover:before{transform:scaleX(1)}.quick-action-btn:hover{background:linear-gradient(135deg,#1f1f2f,#1a2540);border-color:#6c63ff4d;box-shadow:0 20px 60px #0006;transform:translateY(-5px)}.quick-action-btn .action-icon{align-items:center;background:linear-gradient(135deg,#6c63ff,#4a69bd);border-radius:18px;box-shadow:0 10px 30px #6c63ff66;color:#fff;display:flex;font-size:2.5rem;height:75px;justify-content:center;overflow:hidden;position:relative;width:75px}.quick-action-btn .action-icon:before{animation:shine 3s infinite;background:linear-gradient(45deg,#0000,#ffffff1a,#0000);content:"";height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg);width:200%}.action-content{flex:1 1}.action-content h4{color:#fff;font-size:1.5rem;font-weight:900;letter-spacing:-.3px;margin-bottom:.6rem}.action-content p{color:#fff9;font-size:1.1rem;line-height:1.6}.dashboard-selector-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1500}.dashboard-selector-modal{animation:slideUp .3s ease;background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffffff1a;border-radius:28px;box-shadow:0 30px 90px #000000b3;max-height:90vh;max-width:900px;overflow-y:auto;width:100%}.selector-header{align-items:flex-start;background:linear-gradient(135deg,#6c63ff,#4a69bd);border-bottom:2px solid #ffffff1a;border-radius:28px 28px 0 0;color:#fff;display:flex;justify-content:space-between;padding:32px}.selector-header h2{font-size:28px;font-weight:700;margin:0 0 8px}.selector-header p{font-size:15px;margin:0;opacity:.95}.close-selector{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:32px;height:44px;justify-content:center;transition:all .2s;width:44px}.close-selector:hover{background:#ffffff4d;transform:rotate(90deg)}.selector-content{padding:32px}.no-dashboards-message{padding:60px 20px;text-align:center}.message-icon{font-size:64px;margin-bottom:20px}.no-dashboards-message h3{color:#fff;font-size:24px;margin-bottom:12px}.no-dashboards-message p{color:#fff9;font-size:16px;margin-bottom:24px}.create-dashboard-btn-inline{align-items:center;background:linear-gradient(135deg,#6c63ff,#4a69bd);border:none;border-radius:12px;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;font-weight:600;gap:8px;padding:14px 32px;transition:transform .2s,box-shadow .2s}.create-dashboard-btn-inline:hover{box-shadow:0 8px 20px #6c63ff66;transform:translateY(-2px)}.dashboard-selector-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-bottom:24px}.selector-card{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;cursor:pointer;display:flex;gap:16px;overflow:hidden;padding:24px;position:relative;transition:all .3s}.selector-card:before{background:linear-gradient(90deg,#6c63ff,#4a69bd);content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .3s}.selector-card:hover{background:#ffffff14;border-color:#6c63ff;box-shadow:0 12px 24px #6c63ff4d;transform:translateY(-4px)}.selector-card:hover:before{transform:scaleX(1)}.selector-card-icon{flex-shrink:0;font-size:36px}.selector-card-content{flex:1 1;min-width:0}.selector-card h3{color:#fff;font-size:18px;font-weight:600;margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selector-card p{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#fff9;display:-webkit-box;font-size:14px;margin:0 0 8px;overflow:hidden}.chart-count-badge{background:#6c63ff26;border:1px solid #6c63ff4d;border-radius:20px;color:#6c63ff;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px}.selector-arrow{color:#6c63ff;flex-shrink:0;font-size:24px;opacity:0;transform:translateX(-10px);transition:all .3s}.selector-card:hover .selector-arrow{opacity:1;transform:translateX(0)}.selector-footer{border-top:2px solid #ffffff1a;display:flex;justify-content:center;padding-top:24px}.create-new-dashboard-btn{align-items:center;background:#ffffff0d;border:2px dashed #6c63ff80;border-radius:12px;color:#6c63ff;cursor:pointer;display:inline-flex;font-size:15px;font-weight:600;gap:8px;padding:14px 32px;transition:all .2s}.create-new-dashboard-btn:hover{background:#6c63ff1a;border-style:solid;box-shadow:0 8px 20px #6c63ff4d;transform:translateY(-2px)}@keyframes pulse{0%,to{opacity:.15;transform:translate(-50%,-50%) scale(1)}50%{opacity:.08;transform:translate(-50%,-50%) scale(1.1)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 20px #6c63ff99}50%{box-shadow:0 0 30px #6c63ffe6}}@keyframes shine{0%{transform:translateX(-100%) translateY(-100%) rotate(45deg)}to{transform:translateX(100%) translateY(100%) rotate(45deg)}}@media (max-width:1200px){.circular-progress-grid{gap:2rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}}@media (max-width:1024px){.dashboard-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}.quick-actions{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}@media (max-width:768px){.dashboard-container{padding:1.5rem}.premium-stats-bar{align-items:stretch;flex-direction:column;gap:1rem}.stat-item{justify-content:space-between}.view-analytics-btn{justify-content:center;margin-left:0;width:100%}.dashboard-header{flex-direction:column;gap:2rem;padding:2rem 1.5rem;text-align:center}.header-content h1{font-size:2.5rem}.welcome-text{font-size:1.1rem}.create-dashboard-btn{justify-content:center;width:100%}.dashboard-grid{gap:2rem;grid-template-columns:1fr}.quick-actions{gap:1.5rem;grid-template-columns:1fr}.modal-actions{flex-direction:column;gap:1rem}.cancel-btn,.submit-btn{width:100%}.card-actions{flex-direction:column}.delete-btn,.view-btn{width:100%}.stats-modal{padding:2rem}.stats-grid{gap:1.5rem;grid-template-columns:1fr}.circular-progress-grid{gap:2rem;grid-template-columns:repeat(2,1fr)}.dashboard-selector-modal{border-radius:28px 28px 0 0;max-height:95vh;max-width:100%}.selector-header{border-radius:28px 28px 0 0;padding:24px 20px}.selector-content{padding:20px}.dashboard-selector-grid{gap:16px;grid-template-columns:1fr}}@media (max-width:480px){.header-content h1{font-size:2rem}.modal-header h3{font-size:1.8rem}.empty-icon{font-size:5rem}.empty-state h3{font-size:2rem}.empty-state p{font-size:1.1rem}.card-icon{font-size:2rem;height:60px;width:60px}.quick-action-btn .action-icon{font-size:2rem;height:65px;width:65px}.stats-modal{padding:1.5rem}.stats-modal-header h2{font-size:2rem}.circular-progress-grid{gap:2rem;grid-template-columns:1fr}.dashboard-selector-overlay{padding:0}.dashboard-selector-modal{border-radius:28px 28px 0 0;max-height:100vh}.selector-header{align-items:flex-start;flex-direction:column;gap:16px}.close-selector{position:absolute;right:16px;top:16px}.selector-card{flex-direction:column;padding:16px;text-align:center}.selector-arrow{display:none}.create-dashboard-btn-inline,.create-new-dashboard-btn{justify-content:center;width:100%}}.charts-container{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;margin:0 auto;max-width:1600px;min-height:100vh;padding:2rem}html{scroll-behavior:smooth}.charts-loading{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:70vh}.loading-spinner{animation:spin .8s cubic-bezier(.68,-.55,.265,1.55) infinite;border-color:#6c63ff #4a69bd #ffffff1a #ffffff1a;border-style:solid;border-width:4px;box-shadow:0 0 30px #6c63ff4d;height:60px;width:60px}.charts-loading p{color:#ffffffb3;font-size:1.1rem;font-weight:500;letter-spacing:.5px}.charts-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff14;border-radius:20px;box-shadow:0 8px 32px #0003;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:3rem;padding:2rem}.charts-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#e0e0e0);-webkit-background-clip:text;background-clip:text;color:#fff;flex:1 1;font-size:2.5rem;font-weight:900;letter-spacing:-.5px;margin:0;min-width:150px}.back-btn,.create-chart-btn{align-items:center;background:linear-gradient(135deg,#6c63ff,#4a69bd);border:none;border-radius:12px;box-shadow:0 8px 24px #6c63ff4d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.6rem;letter-spacing:.3px;padding:.9rem 1.8rem;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.back-btn{background:#ffffff0d;border:1px solid #ffffff26;box-shadow:none}.back-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateX(-4px)}.create-chart-btn:hover{box-shadow:0 12px 32px #6c63ff80}.btn-icon{font-size:1.3rem;font-weight:700}.charts-error{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ff47571a;border:2px solid #ff47574d;border-radius:14px;color:#ff6b81;display:flex;font-size:1rem;font-weight:600;gap:.8rem;justify-content:center;margin-bottom:2rem;padding:1.5rem;text-align:center}.charts-error:before{content:"⚠";font-size:1.5rem}.create-chart-modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000d9;bottom:0;display:flex;justify-content:center;left:0;overflow-y:auto;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.create-chart-modal{animation:slideUp .4s cubic-bezier(.34,1.56,.64,1);background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffffff1a;border-radius:24px;box-shadow:0 30px 80px #0009;margin:auto;max-height:90vh;max-width:600px;overflow-y:auto;padding:2rem;width:100%}.create-chart-modal::-webkit-scrollbar{width:8px}.create-chart-modal::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.create-chart-modal::-webkit-scrollbar-thumb{background:#6c63ff80;border-radius:10px}.create-chart-modal::-webkit-scrollbar-thumb:hover{background:#6c63ffb3}.modal-header{align-items:center;border-bottom:2px solid #ffffff1a;display:flex;gap:1rem;justify-content:space-between;margin-bottom:2rem;padding-bottom:1.5rem}.modal-header h3{color:#fff;flex:1 1;font-size:1.8rem;font-weight:900;letter-spacing:-.5px;margin:0}.close-modal{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;color:#ccc;cursor:pointer;display:flex;flex-shrink:0;font-size:1.6rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.close-modal:hover{background:#ff475726;border-color:#ff47574d;color:#fff;transform:rotate(90deg)}.modal-form{gap:1.5rem}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:.6rem}.form-group label{color:#e0e0e0;font-size:1rem;font-weight:600;letter-spacing:.2px}.form-group input,.form-group select,.form-group textarea{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:12px;color:#878df8;font-family:inherit;font-size:1rem;padding:1rem 1.2rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#ffffff14;border-color:#6c63ff;box-shadow:0 0 0 3px #6c63ff26;outline:none}.form-group textarea{font-family:Courier New,monospace;line-height:1.5;min-height:100px;resize:vertical}.form-group select{cursor:pointer}.form-error{align-items:center;background:#ff47571a;border:2px solid #ff47574d;border-radius:12px;color:#ff6b81;display:flex;font-size:.95rem;font-weight:600;gap:.6rem;padding:1rem}.form-error:before{content:"⚠";flex-shrink:0;font-size:1.2rem}.modal-actions{border-top:2px solid #ffffff1a;display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem}.cancel-btn,.submit-btn{border:none;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:700;letter-spacing:.3px;min-width:120px;padding:1rem 2rem;transition:all .3s ease}.cancel-btn{background:#ffffff0d;border:2px solid #ffffff26;color:#fff}.cancel-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.submit-btn{background:linear-gradient(135deg,#6c63ff,#4a69bd);box-shadow:0 8px 24px #6c63ff66;color:#fff}.submit-btn:hover:not(:disabled){box-shadow:0 12px 32px #6c63ff99;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.dashboard-selector-content{padding:1rem 0}.selector-description{color:#ffffffb3;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}.pending-chart-preview{background:#6c63ff1a;border:2px solid #6c63ff4d;border-radius:14px;margin-bottom:1.5rem;padding:1.5rem}.pending-chart-preview h4{color:#6c63ff;font-size:1.2rem;font-weight:700;margin-bottom:1rem}.preview-details p{color:#fffc;font-size:.95rem;margin:.5rem 0}.preview-details strong{color:#fff}.dashboard-list{display:flex;flex-direction:column;gap:1rem;max-height:400px;overflow-y:auto;padding-right:.5rem}.dashboard-list::-webkit-scrollbar{width:6px}.dashboard-list::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.dashboard-list::-webkit-scrollbar-thumb{background:#6c63ff80;border-radius:10px}.dashboard-option{align-items:center;background:#ffffff0d;border:2px solid #ffffff1a;border-radius:14px;cursor:pointer;display:flex;gap:1.2rem;padding:1.2rem;transition:all .3s ease}.dashboard-option:hover{background:#ffffff14;border-color:#6c63ff80;transform:translateX(5px)}.dashboard-option-icon{align-items:center;background:linear-gradient(135deg,#6c63ff,#4a69bd);border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.dashboard-option-details{flex:1 1;min-width:0}.dashboard-option-details h4{color:#fff;font-size:1.1rem;font-weight:700;margin-bottom:.3rem}.dashboard-option-details h4,.dashboard-option-details p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dashboard-option-details p{color:#fff9;font-size:.9rem;margin:0}.dashboard-option-arrow{color:#6c63ff;flex-shrink:0;font-size:1.5rem}.no-dashboards{padding:2rem;text-align:center}.no-dashboards p{color:#ffffffb3;margin-bottom:1.5rem}.create-dashboard-btn{background:linear-gradient(135deg,#6c63ff,#4a69bd);border:none;border-radius:12px;box-shadow:0 8px 24px #6c63ff4d;color:#fff;cursor:pointer;font-weight:700;padding:1rem 2rem;transition:all .3s ease}.create-dashboard-btn:hover{box-shadow:0 12px 32px #6c63ff80;transform:translateY(-2px)}.empty-charts{background:#ffffff08;border:3px dashed #ffffff1a;border-radius:24px;margin:2rem 0;padding:5rem 2rem;text-align:center}.empty-icon{animation:float 3s ease-in-out infinite;font-size:5rem;margin-bottom:2rem;opacity:.8}.empty-charts h3{color:#fff;font-size:2rem;font-weight:900;margin-bottom:1rem}.empty-charts p{color:#fff9;font-size:1.2rem;margin-bottom:2.5rem}.charts-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));margin:2rem 0}.chart-card{background:linear-gradient(135deg,#1a1a2e,#16213e);border:2px solid #ffffff14;border-radius:20px;box-shadow:0 12px 40px #0000004d;display:flex;flex-direction:column;overflow:hidden;padding:0;transition:all .3s ease}.chart-card:hover{border-color:#6c63ff4d;box-shadow:0 20px 60px #00000080,0 0 0 1px #6c63ff4d;transform:translateY(-8px)}.chart-header{align-items:center;background:#ffffff08;border-bottom:1px solid #ffffff14;display:flex;flex-wrap:wrap;gap:1rem;padding:1.5rem}.chart-type-badge{background:#6c63ff26;border:1px solid #6c63ff4d;color:#6c63ff;font-size:.75rem;padding:.4rem .9rem}.chart-header h3{color:#fff;flex:1 1;font-size:1.3rem;font-weight:800;margin:0;min-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-actions{align-items:center;display:flex;gap:.5rem}.download-dropdown{position:relative}.download-btn{background:#6c63ff26;border:1px solid #6c63ff4d;border-radius:10px;color:#6c63ff;font-size:1.2rem;height:36px;justify-content:center;width:36px}.download-btn:hover{background:#6c63ff40}.download-menu{background:#1a1a2e;border:2px solid #ffffff1a;border-radius:12px;box-shadow:0 12px 40px #00000080;min-width:200px;opacity:0;padding:.5rem;position:absolute;right:0;top:calc(100% + 8px);transform:translateY(-10px);transition:all .3s ease;visibility:hidden;z-index:100}.download-dropdown:hover .download-menu{opacity:1;transform:translateY(0);visibility:visible}.download-option{align-items:center;background:#0000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:.8rem;padding:.8rem 1rem;text-align:left;transition:all .2s ease;width:100%}.download-option:hover{background:#6c63ff26;color:#6c63ff}.delete-chart-btn{align-items:center;background:#ff475726;border:1px solid #ff47574d;border-radius:10px;color:#ff6b81;cursor:pointer;display:flex;font-size:1.5rem;font-weight:700;height:36px;justify-content:center;transition:all .3s ease;width:36px}.delete-chart-btn:hover{background:#ff475740;transform:translateY(-2px) rotate(90deg)}.chart-body{background:#ffffff05;flex:1 1;min-height:300px;padding:1.5rem}.chart-body,.chart-visualization{align-items:center;display:flex;justify-content:center}.chart-visualization{height:100%;min-height:250px;width:100%}.no-data-message{color:#ffffff80;padding:2rem;text-align:center}.no-data-icon{display:block;font-size:3rem;margin-bottom:1rem;opacity:.6}.no-data-message p{font-size:1rem;margin:0}.chart-bars{align-items:flex-end;display:flex;gap:1rem;height:250px;justify-content:space-around;padding:1rem 0;width:100%}.bar-container{align-items:center;display:flex;flex:1 1;flex-direction:column;gap:.5rem;max-width:80px;min-width:0}.bar{align-items:flex-start;background:linear-gradient(180deg,#6c63ff,#4a69bd);border-radius:8px 8px 0 0;box-shadow:0 4px 12px #6c63ff4d;display:flex;justify-content:center;min-height:20px;padding-top:.5rem;position:relative;transition:all .3s ease;width:100%}.bar:hover{box-shadow:0 6px 16px #6c63ff80;transform:scaleY(1.05)}.bar-value{color:#fff;font-size:.9rem;font-weight:700}.bar-label{color:#ffffffb3;font-size:.85rem;font-weight:500;max-width:100%;overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.line-chart-container{align-items:center;display:flex;height:100%;justify-content:center;padding:1rem;width:100%}.line-chart{height:auto;max-height:300px;width:100%}.pie-chart-container{align-items:center;display:flex;height:100%;justify-content:center;padding:1rem;width:100%}.pie-chart{height:auto;max-width:400px}.data-table,.pie-chart{max-height:400px;width:100%}.data-table{overflow-x:auto;overflow-y:auto}.data-table::-webkit-scrollbar{height:6px;width:6px}.data-table::-webkit-scrollbar-track{background:#ffffff0d;border-radius:10px}.data-table::-webkit-scrollbar-thumb{background:#6c63ff80;border-radius:10px}.data-table table{border-collapse:collapse;font-size:.95rem;width:100%}.data-table thead{background:#6c63ff26;position:-webkit-sticky;position:sticky;top:0;z-index:10}.data-table th{border-bottom:2px solid #6c63ff4d;color:#6c63ff;font-weight:700;padding:1rem;text-align:left}.data-table td{border-bottom:1px solid #ffffff0d;color:#fffc;padding:.9rem 1rem}.data-table tbody tr:hover{background:#ffffff0d}.chart-footer{background:#ffffff05;border-top:1px solid #ffffff14;padding:1rem 1.5rem}.chart-info{flex-wrap:wrap;gap:1rem;justify-content:space-between}.chart-info,.info-item{align-items:center;display:flex}.info-item{color:#ffffffb3;font-size:.9rem;font-weight:500;gap:.5rem}.info-icon{font-size:1.1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (max-width:1200px){.charts-grid{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}}@media (max-width:768px){.charts-container{padding:1rem}.charts-header{align-items:stretch;flex-direction:column;gap:1rem;padding:1.5rem}.charts-header h1{font-size:2rem;text-align:center}.back-btn,.create-chart-btn{justify-content:center;width:100%}.charts-grid{gap:1.5rem;grid-template-columns:1fr}.chart-bars{gap:.5rem;padding:.5rem 0}.bar-container{max-width:60px}.bar-value{font-size:.8rem}.bar-label{font-size:.75rem}.create-chart-modal{margin:1rem;padding:1.5rem}.modal-header h3{font-size:1.5rem}.modal-actions{flex-direction:column;gap:.8rem}.cancel-btn,.submit-btn{width:100%}.chart-header{padding:1rem}.chart-header h3{font-size:1.1rem}.chart-body{min-height:250px;padding:1rem}.download-menu{left:0;right:auto}.empty-charts{padding:3rem 1.5rem}.empty-icon{font-size:4rem}.empty-charts h3{font-size:1.6rem}.empty-charts p{font-size:1rem}}@media (max-width:480px){.charts-container{padding:.5rem}.charts-header{border-radius:16px;padding:1rem}.charts-header h1{font-size:1.6rem}.back-btn,.create-chart-btn{font-size:.95rem;padding:.8rem 1.5rem}.chart-card{border-radius:16px}.chart-type-badge{font-size:.7rem;padding:.3rem .7rem}.chart-header h3{font-size:1rem}.delete-chart-btn,.download-btn{font-size:1rem;height:32px;width:32px}.chart-body{min-height:200px;padding:.8rem}.chart-bars{height:200px}.modal-header h3{font-size:1.3rem}.form-group label{font-size:.95rem}.form-group input,.form-group select,.form-group textarea{font-size:.95rem;padding:.9rem 1rem}.data-table{font-size:.85rem}.data-table td,.data-table th{padding:.7rem .8rem}}@media print{.back-btn,.chart-actions,.chart-footer,.charts-header,.create-chart-btn,.delete-chart-btn,.download-btn{display:none}.chart-card{border:1px solid #ccc;box-shadow:none;break-inside:avoid;page-break-inside:avoid}.charts-grid{display:block}.chart-card{margin-bottom:2rem}}:root{--primary-blue:#4a69bd;--primary-dark:#3d56a0;--accent-purple:#6c5ce7;--accent-teal:#00b894;--bg-dark:#0a0a0a;--bg-card:#1a1a1a;--bg-card-light:#1f1f1f;--text-primary:#fff;--text-secondary:#ccc;--text-muted:#7b8793;--border-color:#ffffff26;--border-color-light:#ffffff1a;--success:#00b894;--warning:#ffc107;--error:#ff6b6b;--shadow-sm:0 2px 8px #0000001a;--shadow-md:0 4px 16px #00000026;--shadow-lg:0 10px 35px #0003;--shadow-blue:0 8px 25px #4a69bd4d;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--transition:all 0.3s ease}*{box-sizing:border-box;margin:0;padding:0}body{overflow-x:hidden}.data-input-container{background:#0a0a0a;background:var(--bg-dark);margin:0 auto;max-width:1400px;min-height:100vh;padding:1rem;width:100%}@media (min-width:768px){.data-input-container{padding:1.5rem}}@media (min-width:1024px){.data-input-container{padding:2rem}}.data-input-header{margin-bottom:2rem;padding:0 .5rem;text-align:center}@media (min-width:768px){.data-input-header{margin-bottom:3rem;padding:0 1rem}}@media (min-width:1024px){.data-input-header{margin-bottom:4rem}}.data-input-header h1{color:#fff;color:var(--text-primary);display:inline-block;font-size:1.75rem;font-weight:800;line-height:1.2;margin-bottom:.75rem;position:relative;text-shadow:0 2px 4px #0000004d;word-break:break-word}@media (min-width:480px){.data-input-header h1{font-size:2.25rem}}@media (min-width:768px){.data-input-header h1{font-size:2.75rem}}@media (min-width:1024px){.data-input-header h1{font-size:3.5rem}}.data-input-header h1:after{background:linear-gradient(90deg,#3d56a0,#4a69bd);background:linear-gradient(90deg,var(--primary-dark),var(--primary-blue));border-radius:2px;bottom:-6px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}@media (min-width:480px){.data-input-header h1:after{width:120px}}@media (min-width:768px){.data-input-header h1:after{width:160px}}@media (min-width:1024px){.data-input-header h1:after{width:200px}}.subtitle{color:#ccc;color:var(--text-secondary);font-size:.95rem;font-weight:500;line-height:1.5;margin:0 auto;max-width:700px;padding:0 .5rem}@media (min-width:480px){.subtitle{font-size:1.05rem}}@media (min-width:768px){.subtitle{font-size:1.15rem;line-height:1.6}}@media (min-width:1024px){.subtitle{font-size:1.3rem}}.data-input-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr;width:100%}@media (min-width:768px){.data-input-grid{gap:2rem}}@media (min-width:1024px){.data-input-grid{gap:3rem;grid-template-columns:1fr 1fr}}.input-section,.output-section{background:#1a1a1a;background:var(--bg-card);border:2px solid #ffffff26;border:2px solid var(--border-color);border-radius:16px;box-shadow:0 10px 35px #0003;box-shadow:var(--shadow-lg);overflow:hidden;padding:1rem;transition:all .3s ease;transition:var(--transition);width:100%}@media (min-width:480px){.input-section,.output-section{padding:1.5rem}}@media (min-width:768px){.input-section,.output-section{border-radius:20px;padding:2rem}}@media (min-width:1024px){.input-section,.output-section{padding:2.5rem}}.input-section:hover,.output-section:hover{border-color:#4a69bd4d}.section-header{align-items:flex-start;border-bottom:2px solid #ffffff26;border-bottom:2px solid var(--border-color);display:flex;flex-wrap:wrap;gap:.75rem;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem}@media (min-width:768px){.section-header{align-items:center;margin-bottom:2rem;padding-bottom:1rem}}@media (min-width:1024px){.section-header{margin-bottom:2.5rem}}.section-header h2{color:#fff;color:var(--text-primary);font-size:1.25rem;font-weight:800;word-break:break-word}@media (min-width:480px){.section-header h2{font-size:1.5rem}}@media (min-width:768px){.section-header h2{font-size:1.75rem}}@media (min-width:1024px){.section-header h2{font-size:2rem}}.section-badge{background:linear-gradient(135deg,#3d56a0,#4a69bd);background:linear-gradient(135deg,var(--primary-dark),var(--primary-blue));border-radius:20px;color:#fff;color:var(--text-primary);flex-shrink:0;font-size:.75rem;font-weight:800;letter-spacing:.5px;padding:.4rem 1rem;white-space:nowrap}@media (min-width:480px){.section-badge{font-size:.85rem;padding:.5rem 1.2rem}}@media (min-width:768px){.section-badge{font-size:1rem}}.upload-area{margin-bottom:1.5rem}@media (min-width:768px){.upload-area{margin-bottom:2rem}}.upload-box{background:#ffffff08;border:2px dashed #ffffff26;border:2px dashed var(--border-color);border-radius:12px;border-radius:var(--radius-md);cursor:pointer;margin-bottom:1rem;padding:1.5rem 1rem;text-align:center;transition:all .3s ease;transition:var(--transition)}@media (min-width:480px){.upload-box{padding:2rem 1.5rem}}@media (min-width:768px){.upload-box{border-radius:16px;border-radius:var(--radius-lg);margin-bottom:1.5rem;padding:2.5rem 2rem}}@media (min-width:1024px){.upload-box{padding:3rem}}.upload-box:hover{background:#4a69bd0d;border-color:#4a69bd;border-color:var(--primary-blue);box-shadow:0 8px 25px #4a69bd4d;box-shadow:var(--shadow-blue);transform:translateY(-2px)}.upload-icon{color:#4a69bd;color:var(--primary-blue);font-size:2.5rem;margin-bottom:.75rem;opacity:.9}@media (min-width:480px){.upload-icon{font-size:3rem;margin-bottom:1rem}}@media (min-width:768px){.upload-icon{font-size:3.5rem}}@media (min-width:1024px){.upload-icon{font-size:4rem}}.upload-box h3{color:#fff;color:var(--text-primary);font-size:1.15rem;font-weight:700;margin-bottom:.5rem}@media (min-width:480px){.upload-box h3{font-size:1.35rem;margin-bottom:.75rem}}@media (min-width:768px){.upload-box h3{font-size:1.6rem;margin-bottom:.8rem}}@media (min-width:1024px){.upload-box h3{font-size:1.8rem}}.upload-box p{color:#ccc;color:var(--text-secondary);font-size:.9rem;margin-bottom:1rem;margin-left:auto;margin-right:auto;max-width:400px;padding:0 .5rem}@media (min-width:480px){.upload-box p{font-size:.95rem;margin-bottom:1.25rem}}@media (min-width:768px){.upload-box p{font-size:1.05rem;margin-bottom:1.5rem}}@media (min-width:1024px){.upload-box p{font-size:1.1rem}}.file-input{display:none}.upload-btn{background:linear-gradient(135deg,#4a69bd,#3d56a0);background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 25px #4a69bd4d;box-shadow:var(--shadow-blue);color:#fff;color:var(--text-primary);cursor:pointer;display:inline-block;font-size:.95rem;font-weight:700;padding:.75rem 1.5rem;transition:all .3s ease;transition:var(--transition)}@media (min-width:480px){.upload-btn{font-size:1rem;padding:.85rem 2rem}}@media (min-width:768px){.upload-btn{font-size:1.1rem;padding:1rem 2.5rem}}.upload-btn:hover{box-shadow:0 12px 30px #4a69bd66;transform:translateY(-2px)}.file-info{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border:1px solid var(--border-color-light);border-radius:12px;border-radius:var(--radius-md);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-top:1rem;padding:.75rem}@media (min-width:480px){.file-info{gap:.75rem;padding:1rem}}.file-icon{color:#4a69bd;color:var(--primary-blue);font-size:1.25rem}@media (min-width:480px){.file-icon{font-size:1.5rem}}.file-name{color:#fff;color:var(--text-primary);font-size:.9rem;font-weight:600;max-width:100%;word-break:break-word}@media (min-width:480px){.file-name{font-size:1rem}}@media (min-width:768px){.file-name{font-size:1.1rem}}.file-size{color:#ccc;color:var(--text-secondary);font-size:.85rem;font-weight:500}@media (min-width:480px){.file-size{font-size:.9rem}}@media (min-width:768px){.file-size{font-size:1rem}}.textarea-container{margin-top:1.5rem}.prompt-input label,.textarea-container label{align-items:center;color:#ccc;color:var(--text-secondary);display:flex;font-size:.95rem;font-weight:600;gap:.5rem;margin-bottom:.75rem}@media (min-width:480px){.prompt-input label,.textarea-container label{font-size:1rem}}@media (min-width:768px){.prompt-input label,.textarea-container label{font-size:1.1rem;gap:.6rem;margin-bottom:.8rem}}.label-icon{color:#4a69bd;color:var(--primary-blue);flex-shrink:0;font-size:1.15rem}@media (min-width:768px){.label-icon{font-size:1.3rem}}.data-textarea{background:#ffffff08;border:2px solid #ffffff26;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-family:Courier New,monospace;font-size:.85rem;line-height:1.4;min-height:120px;padding:.85rem;resize:vertical;transition:all .3s ease;transition:var(--transition);width:100%}@media (min-width:480px){.data-textarea{font-size:.9rem;min-height:140px;padding:1rem}}@media (min-width:768px){.data-textarea{font-size:1rem;line-height:1.5;min-height:150px}}.data-textarea:focus{background:#ffffff0d;border-color:#4a69bd;border-color:var(--primary-blue);box-shadow:0 0 0 3px #4a69bd33}.data-textarea::placeholder{color:#7b8793;color:var(--text-muted)}.prompt-section{margin-top:1.5rem}@media (min-width:768px){.prompt-section{margin-top:2rem}}.prompt-input{display:flex;flex-direction:column;gap:.5rem}@media (min-width:768px){.prompt-input{gap:.6rem}}.prompt-field{background:#ffffff08;border:2px solid #ffffff26;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-size:.95rem;padding:.85rem;transition:all .3s ease;transition:var(--transition);width:100%}@media (min-width:480px){.prompt-field{font-size:1rem;padding:1rem}}@media (min-width:768px){.prompt-field{font-size:1.1rem}}.prompt-field:focus{background:#ffffff0d;border-color:#4a69bd;border-color:var(--primary-blue);box-shadow:0 0 0 3px #4a69bd33;outline:none}.prompt-field::placeholder{color:#7b8793;color:var(--text-muted)}.actions-bar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}@media (min-width:480px){.actions-bar{flex-direction:row;gap:1rem}}@media (min-width:768px){.actions-bar{margin-bottom:2rem}}.clear-btn,.generate-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:.95rem;font-weight:700;gap:.5rem;justify-content:center;min-width:0;padding:.9rem;transition:all .3s ease;transition:var(--transition)}@media (min-width:480px){.clear-btn,.generate-btn{font-size:1rem;gap:.6rem;padding:1rem}}@media (min-width:768px){.clear-btn,.generate-btn{font-size:1.2rem;padding:1.2rem}}.generate-btn{background:linear-gradient(135deg,#4a69bd,#3d56a0);background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));box-shadow:0 8px 25px #4a69bd4d;box-shadow:var(--shadow-blue);color:#fff;color:var(--text-primary)}.generate-btn:hover:not(:disabled){box-shadow:0 15px 40px #4a69bd66;transform:translateY(-2px)}.generate-btn:disabled{cursor:not-allowed;opacity:.5;transform:none}.clear-btn{background:#ffffff0d;border:2px solid #ffffff26;border:2px solid var(--border-color);color:#fff;color:var(--text-primary)}.clear-btn:hover{background:#ffffff1a;border-color:#ffffff40;transform:translateY(-2px)}.btn-icon{flex-shrink:0;font-size:1.1em}@media (min-width:768px){.btn-icon{font-size:1.2em}}.btn-spinner{animation:spin 1s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top:3px solid var(--text-primary);flex-shrink:0;height:18px;width:18px}@media (min-width:768px){.btn-spinner{height:20px;width:20px}}@keyframes spin{to{transform:rotate(1turn)}}.error-message{background:#e74c3c1a;border:2px solid #e74c3c4d;border-radius:12px;border-radius:var(--radius-md);color:#ff6b6b;color:var(--error);font-size:.9rem;font-weight:600;margin-bottom:1.5rem;padding:.85rem;text-align:center;word-break:break-word}@media (min-width:480px){.error-message{font-size:.95rem;padding:1rem}}@media (min-width:768px){.error-message{font-size:1.1rem}}.analysis-card,.suggestion-card{animation:slideUp .4s ease;background:#1f1f1f;background:var(--bg-card-light);border:2px solid #ffffff26;border:2px solid var(--border-color);border-radius:16px;border-radius:var(--radius-lg);box-shadow:0 10px 35px #0003;box-shadow:var(--shadow-lg);margin-bottom:1.5rem;overflow:hidden;padding:1rem;width:100%}@media (min-width:480px){.analysis-card,.suggestion-card{padding:1.5rem}}@media (min-width:768px){.analysis-card,.suggestion-card{padding:2rem}}.analysis-card h3,.suggestion-card h3{align-items:center;color:#fff;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:1.25rem;font-weight:800;gap:.6rem;margin-bottom:1.25rem}.analysis-header-with-actions{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;margin-bottom:1.5rem}.analysis-header-with-actions h3{flex:1 1;margin-bottom:0;min-width:0}.download-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.download-btn{align-items:center;background:linear-gradient(135deg,#00b894,#00cec9);background:linear-gradient(135deg,var(--accent-teal),#00cec9);border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 2px 8px #0000001a;box-shadow:var(--shadow-sm);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:.85rem;font-weight:700;gap:.4rem;padding:.6rem 1rem;transition:all .3s ease;transition:var(--transition);white-space:nowrap}@media (min-width:480px){.download-btn{font-size:.9rem;gap:.5rem;padding:.65rem 1.1rem}}@media (min-width:768px){.download-btn{font-size:.95rem;padding:.7rem 1.2rem}}.download-btn:hover{background:linear-gradient(135deg,#00cec9,#00b894);background:linear-gradient(135deg,#00cec9,var(--accent-teal));box-shadow:0 8px 20px #00b8944d;transform:translateY(-2px)}.download-btn .btn-icon{font-size:1.1em}@media (min-width:480px){.analysis-card h3,.suggestion-card h3{font-size:1.4rem;gap:.75rem}}@media (min-width:768px){.analysis-card h3,.suggestion-card h3{font-size:1.6rem;gap:.8rem;margin-bottom:1.5rem}}@media (min-width:1024px){.analysis-card h3,.suggestion-card h3{font-size:1.8rem}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.analysis-overview{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr;margin-bottom:1.5rem}@media (min-width:400px){.analysis-overview{gap:.85rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:768px){.analysis-overview{gap:1rem;grid-template-columns:repeat(4,1fr)}}@media (min-width:1024px){.analysis-overview{margin-bottom:2rem}}.stat-card{background:#ffffff0d;border:2px solid #0000;border-radius:12px;border-radius:var(--radius-md);padding:1rem;text-align:center;transition:all .3s ease;transition:var(--transition)}@media (min-width:480px){.stat-card{padding:1.2rem}}.stat-card:hover{background:#ffffff14;border-color:#4a69bd4d;box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);transform:translateY(-3px)}.stat-value{font-size:1.6rem;font-weight:800;margin-bottom:.35rem;text-shadow:0 2px 4px #0003}@media (min-width:480px){.stat-value{font-size:2rem;margin-bottom:.4rem}}@media (min-width:768px){.stat-value{font-size:2.25rem}}@media (min-width:1024px){.stat-value{font-size:2.5rem}}.stat-label{color:#ccc;color:var(--text-secondary);font-size:.85rem;font-weight:600}@media (min-width:480px){.stat-label{font-size:.95rem}}@media (min-width:768px){.stat-label{font-size:1rem}}@media (min-width:1024px){.stat-label{font-size:1.1rem}}.detailed-stats-section{margin-top:1.5rem}@media (min-width:768px){.detailed-stats-section{margin-top:2rem}}.detailed-stats-section h4{align-items:center;color:#fff;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:1.15rem;font-weight:800;gap:.5rem;margin-bottom:1.25rem}@media (min-width:480px){.detailed-stats-section h4{font-size:1.3rem;gap:.6rem}}@media (min-width:768px){.detailed-stats-section h4{font-size:1.5rem;margin-bottom:1.5rem}}@media (min-width:1024px){.detailed-stats-section h4{font-size:1.6rem}}.column-stats-card{background:#ffffff08;border:2px solid #ffffff1a;border:2px solid var(--border-color-light);border-radius:12px;border-radius:var(--radius-md);margin-bottom:1.25rem;overflow:hidden;padding:1rem;transition:all .3s ease;transition:var(--transition)}@media (min-width:480px){.column-stats-card{padding:1.25rem}}@media (min-width:768px){.column-stats-card{margin-bottom:1.5rem;padding:1.5rem}}@media (min-width:1024px){.column-stats-card{padding:2rem}}.column-stats-card:hover{background:#ffffff0d;border-color:#4a69bd33}.column-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:space-between;margin-bottom:1rem}@media (min-width:480px){.column-header{align-items:center;gap:.75rem}}@media (min-width:768px){.column-header{gap:.8rem;margin-bottom:1.2rem}}.column-name{color:#4a69bd;color:var(--primary-blue);flex:1 1;font-size:1rem;font-weight:800;letter-spacing:.3px;min-width:0;text-transform:uppercase;word-break:break-word}@media (min-width:480px){.column-name{font-size:1.15rem;letter-spacing:.5px}}@media (min-width:768px){.column-name{font-size:1.3rem}}@media (min-width:1024px){.column-name{font-size:1.4rem}}.column-type-badge{border-radius:15px;flex-shrink:0;font-size:.75rem;font-weight:700;padding:.35rem .85rem;text-transform:capitalize;white-space:nowrap}@media (min-width:480px){.column-type-badge{font-size:.8rem;padding:.4rem 1rem}}@media (min-width:768px){.column-type-badge{font-size:.9rem}}.column-type-badge.numeric{background:linear-gradient(135deg,#6c5ce7,#8a7cff);background:linear-gradient(135deg,var(--accent-purple),#8a7cff);color:#fff;color:var(--text-primary)}.column-type-badge.categorical{background:linear-gradient(135deg,#00b894,#00cec9);background:linear-gradient(135deg,var(--accent-teal),#00cec9);color:#fff;color:var(--text-primary)}.stats-grid{grid-gap:.85rem;display:grid;gap:.85rem;grid-template-columns:1fr}@media (min-width:640px){.stats-grid{gap:1rem;grid-template-columns:repeat(2,1fr)}}.stat-group{background:#0000004d;border:1px solid #ffffff1a;border:1px solid var(--border-color-light);border-radius:12px;border-radius:var(--radius-md);padding:.85rem}@media (min-width:480px){.stat-group{padding:1rem}}.stat-group h5{color:#4a69bd;color:var(--primary-blue);font-size:.9rem;font-weight:700;letter-spacing:.3px;margin-bottom:.7rem;text-transform:uppercase}@media (min-width:480px){.stat-group h5{font-size:.95rem;margin-bottom:.8rem}}@media (min-width:768px){.stat-group h5{font-size:1.1rem}}.stat-item{align-items:flex-start;background:#ffffff08;border-radius:8px;border-radius:var(--radius-sm);display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.35rem;padding:.5rem;transition:all .3s ease;transition:var(--transition)}@media (min-width:480px){.stat-item{align-items:center;margin-bottom:.4rem;padding:.6rem}}.stat-item:hover{background:#ffffff0f;transform:translateX(3px)}.stat-title{color:#ccc;color:var(--text-secondary);font-size:.8rem;font-weight:600;word-break:break-word}@media (min-width:480px){.stat-title{font-size:.85rem}}@media (min-width:768px){.stat-title{font-size:1rem}}.stat-value{color:#fff;color:var(--text-primary);flex-shrink:0;font-size:.85rem;font-weight:700;text-align:right}@media (min-width:480px){.stat-value{font-size:.9rem}}@media (min-width:768px){.stat-value{font-size:1.1rem}}.categorical-stats{display:flex;flex-direction:column;gap:.75rem}@media (min-width:768px){.categorical-stats{gap:.8rem}}.frequency-table{margin-top:1rem}.frequency-table h5{align-items:center;color:#fff;color:var(--text-primary);display:flex;flex-wrap:wrap;font-size:.95rem;font-weight:700;gap:.4rem;margin-bottom:.85rem}@media (min-width:480px){.frequency-table h5{font-size:1rem;gap:.5rem;margin-bottom:1rem}}@media (min-width:768px){.frequency-table h5{font-size:1.2rem}}.frequency-list{background:#0000004d;border:1px solid #ffffff1a;border:1px solid var(--border-color-light);border-radius:12px;border-radius:var(--radius-md);padding:.85rem}@media (min-width:480px){.frequency-list{padding:1rem}}.frequency-item{grid-gap:.5rem;background:#ffffff08;border-radius:8px;border-radius:var(--radius-sm);display:grid;gap:.5rem;grid-template-columns:1fr;margin-bottom:.5rem;padding:.5rem;transition:all .3s ease;transition:var(--transition)}@media (min-width:480px){.frequency-item{gap:.75rem;grid-template-columns:minmax(80px,120px) 1fr;margin-bottom:.6rem;padding:.6rem}}@media (min-width:768px){.frequency-item{gap:.8rem}}.frequency-item:hover{background:#ffffff0f;transform:translateX(3px)}.freq-value{color:#fff;color:var(--text-primary);font-size:.8rem;font-weight:600;word-break:break-word}@media (min-width:480px){.freq-value{font-size:.85rem}}@media (min-width:768px){.freq-value{font-size:1rem}}.freq-bar-container{align-items:center;display:flex;flex:1 1;gap:.5rem;min-width:0}@media (min-width:480px){.freq-bar-container{gap:.6rem}}.freq-bar{background:linear-gradient(90deg,#4a69bd,#6c5ce7);background:linear-gradient(90deg,var(--primary-blue),var(--accent-purple));border-radius:4px;height:18px;min-width:2px;transition:all .3s ease;transition:var(--transition)}@media (min-width:480px){.freq-bar{height:20px}}.freq-count{color:#fff;color:var(--text-primary);flex-shrink:0;font-size:.8rem;font-weight:600;min-width:30px;text-align:right}@media (min-width:480px){.freq-count{font-size:.85rem;min-width:35px}}@media (min-width:768px){.freq-count{font-size:.95rem}}.null-warning{background:#ffc1071a;border:2px solid #ffc1074d;border-radius:12px;border-radius:var(--radius-md);color:#ffc107;color:var(--warning);font-size:.85rem;font-weight:600;margin-top:.85rem;padding:.7rem;text-align:center}@media (min-width:480px){.null-warning{font-size:.9rem;padding:.8rem}}@media (min-width:768px){.null-warning{font-size:1rem;margin-top:1rem}}.suggestion-content{display:flex;flex-direction:column;gap:1.25rem}@media (min-width:768px){.suggestion-content{gap:1.5rem}}.suggestion-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:.35rem}@media (min-width:480px){.suggestion-header{align-items:center;gap:1rem;margin-bottom:.5rem}}.chart-type-badge{background:linear-gradient(135deg,#6c5ce7,#8a7cff);background:linear-gradient(135deg,var(--accent-purple),#8a7cff);border-radius:20px;box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);color:#fff;color:var(--text-primary);flex-shrink:0;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.4rem 1rem;text-transform:uppercase;white-space:nowrap}@media (min-width:480px){.chart-type-badge{font-size:.8rem;padding:.5rem 1.2rem}}@media (min-width:768px){.chart-type-badge{font-size:.9rem}}.suggestion-header h4{color:#fff;color:var(--text-primary);flex:1 1;font-size:1.1rem;font-weight:800;margin:0;min-width:0;word-break:break-word}@media (min-width:480px){.suggestion-header h4{font-size:1.25rem}}@media (min-width:768px){.suggestion-header h4{font-size:1.5rem}}@media (min-width:1024px){.suggestion-header h4{font-size:1.6rem}}.suggestion-details{display:flex;flex-direction:column;gap:.85rem}@media (min-width:768px){.suggestion-details{gap:1rem}}.detail-item{display:flex;flex-direction:column;gap:.35rem}@media (min-width:768px){.detail-item{gap:.4rem}}.detail-label{color:#ccc;color:var(--text-secondary);font-size:.9rem;font-weight:600}@media (min-width:480px){.detail-label{font-size:.95rem}}@media (min-width:768px){.detail-label{font-size:1.1rem}}.detail-value{background:#ffffff0d;border-left:3px solid #4a69bd;border-left:3px solid var(--primary-blue);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-size:.95rem;font-weight:600;padding:.7rem .85rem;word-break:break-word}@media (min-width:480px){.detail-value{font-size:1rem;padding:.75rem 1rem}}@media (min-width:768px){.detail-value{font-size:1.2rem;padding:.8rem 1rem}}.preview-table{margin-top:1rem}.preview-table h5{color:#fff;color:var(--text-primary);font-size:1rem;font-weight:700;margin-bottom:.85rem}@media (min-width:480px){.preview-table h5{font-size:1.1rem;margin-bottom:1rem}}@media (min-width:768px){.preview-table h5{font-size:1.3rem}}.table-container{-webkit-overflow-scrolling:touch;background:#0000004d;border:2px solid #ffffff1a;border:2px solid var(--border-color-light);border-radius:12px;border-radius:var(--radius-md);overflow-x:auto;padding:.75rem}@media (min-width:480px){.table-container{padding:1rem}}.preview-table table{border-collapse:collapse;min-width:350px;width:100%}@media (min-width:480px){.preview-table table{min-width:400px}}.preview-table th{background:linear-gradient(135deg,#3d56a0,#4a69bd);background:linear-gradient(135deg,var(--primary-dark),var(--primary-blue));border-bottom:2px solid #ffffff26;border-bottom:2px solid var(--border-color);color:#fff;color:var(--text-primary);font-size:.8rem;font-weight:700;padding:.7rem;text-align:left;white-space:nowrap}@media (min-width:480px){.preview-table th{font-size:.85rem;padding:.8rem}}@media (min-width:768px){.preview-table th{font-size:1rem}}.preview-table td{border-bottom:1px solid #ffffff1a;border-bottom:1px solid var(--border-color-light);color:#ccc;color:var(--text-secondary);font-size:.8rem;font-weight:500;padding:.7rem}@media (min-width:480px){.preview-table td{font-size:.85rem;padding:.8rem}}@media (min-width:768px){.preview-table td{font-size:.95rem}}.preview-table tr:hover{background:#ffffff0d}.create-chart-btn{align-items:center;background:linear-gradient(135deg,#4a69bd,#3d56a0);background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));border:none;border-radius:12px;border-radius:var(--radius-md);box-shadow:0 8px 25px #4a69bd4d;box-shadow:var(--shadow-blue);color:#fff;color:var(--text-primary);cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.6rem;justify-content:center;margin-top:1.25rem;padding:1rem;transition:all .3s ease;transition:var(--transition);width:100%}@media (min-width:480px){.create-chart-btn{font-size:1.1rem;gap:.75rem;padding:1.2rem}}@media (min-width:768px){.create-chart-btn{font-size:1.3rem;gap:.8rem;margin-top:1.5rem;padding:1.5rem}}.create-chart-btn:hover{box-shadow:0 15px 40px #4a69bd80;transform:translateY(-2px)}@media print{.data-input-container{background:#fff}.actions-bar,.create-chart-btn,.upload-box{display:none}}body,html{overflow-x:hidden;width:100%}.step-indicator{justify-content:center;margin:2rem auto 3rem;max-width:600px;padding:0 1rem}.step,.step-indicator{align-items:center;display:flex}.step{flex:1 1;flex-direction:column;gap:.5rem}.step-number{align-items:center;background:#ffffff1a;border:2px solid #ffffff26;border:2px solid var(--border-color);border-radius:50%;color:#ccc;color:var(--text-secondary);display:flex;font-size:1.1rem;font-weight:800;height:40px;justify-content:center;transition:all .3s ease;transition:var(--transition);width:40px}@media (min-width:480px){.step-number{font-size:1.3rem;height:50px;width:50px}}.step-label{color:#ccc;color:var(--text-secondary);font-size:.8rem;font-weight:600;text-align:center;transition:all .3s ease;transition:var(--transition)}@media (min-width:480px){.step-label{font-size:.9rem}}@media (min-width:768px){.step-label{font-size:1rem}}.step.active .step-number{background:linear-gradient(135deg,#4a69bd,#3d56a0);background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));border-color:#4a69bd;border-color:var(--primary-blue);box-shadow:0 8px 25px #4a69bd4d;box-shadow:var(--shadow-blue)}.step.active .step-label,.step.active .step-number,.step.completed .step-number{color:#fff;color:var(--text-primary)}.step.completed .step-number{background:#00b894;background:var(--success);border-color:#00b894;border-color:var(--success)}.step.completed .step-number:after{content:"✓"}.step-connector{background:#ffffff26;background:var(--border-color);flex:1 1;height:2px;margin:0 .5rem;max-width:100px;position:relative;top:-15px}@media (min-width:480px){.step-connector{margin:0 1rem;top:-20px}}.wizard-content{margin:0 auto;max-width:900px;min-height:500px;padding:0 1rem}@media (min-width:768px){.wizard-content{min-height:600px}}.wizard-step{animation:fadeInSlide .4s ease}@keyframes fadeInSlide{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.step-card{background:#1a1a1a;background:var(--bg-card);border:2px solid #ffffff26;border:2px solid var(--border-color);border-radius:20px;border-radius:var(--radius-xl);box-shadow:0 10px 35px #0003;box-shadow:var(--shadow-lg);padding:1.5rem}@media (min-width:480px){.step-card{padding:2rem}}@media (min-width:768px){.step-card{padding:3rem}}.step-card-header{margin-bottom:2rem;text-align:center}@media (min-width:768px){.step-card-header{margin-bottom:2.5rem}}.step-card-header h2{color:#fff;color:var(--text-primary);font-size:1.5rem;font-weight:800;margin-bottom:.75rem}@media (min-width:480px){.step-card-header h2{font-size:1.8rem}}@media (min-width:768px){.step-card-header h2{font-size:2.2rem}}.step-card-header p{color:#ccc;color:var(--text-secondary);font-size:.95rem}@media (min-width:768px){.step-card-header p{font-size:1.1rem}}.divider{align-items:center;display:flex;margin:2rem 0;text-align:center}.divider:after,.divider:before{border-bottom:2px solid #ffffff26;border-bottom:2px solid var(--border-color);content:"";flex:1 1}.divider span{color:#ccc;color:var(--text-secondary);font-size:.9rem;font-weight:700;padding:0 1rem}.prompt-section-wizard{max-width:100%}.prompt-section-wizard label{align-items:center;color:#ccc;color:var(--text-secondary);display:flex;font-size:1rem;font-weight:600;gap:.6rem;margin-bottom:1rem}@media (min-width:768px){.prompt-section-wizard label{font-size:1.1rem}}.prompt-field-large{background:#ffffff08;border:2px solid #ffffff26;border:2px solid var(--border-color);border-radius:12px;border-radius:var(--radius-md);color:#fff;color:var(--text-primary);font-size:1rem;padding:1rem;transition:all .3s ease;transition:var(--transition);width:100%}@media (min-width:480px){.prompt-field-large{font-size:1.1rem;padding:1.2rem}}@media (min-width:768px){.prompt-field-large{font-size:1.2rem;padding:1.5rem}}.prompt-field-large:focus{background:#ffffff0d;border-color:#4a69bd;border-color:var(--primary-blue);box-shadow:0 0 0 3px #4a69bd33;outline:none}.prompt-field-large::placeholder{color:#7b8793;color:var(--text-muted)}.prompt-examples{margin-top:1.5rem}.examples-title{color:#ccc;color:var(--text-secondary);font-size:.85rem;font-weight:600;margin-bottom:.75rem}@media (min-width:480px){.examples-title{font-size:.9rem}}.example-chips{display:flex;flex-wrap:wrap;gap:.6rem}@media (min-width:768px){.example-chips{gap:.75rem}}.example-chip{background:#ffffff0d;border:2px solid #ffffff26;border:2px solid var(--border-color);border-radius:20px;color:#ccc;color:var(--text-secondary);cursor:pointer;font-size:.8rem;font-weight:600;padding:.6rem 1rem;transition:all .3s ease;transition:var(--transition)}@media (min-width:480px){.example-chip{font-size:.85rem}}@media (min-width:768px){.example-chip{font-size:.9rem;padding:.7rem 1.2rem}}.example-chip:hover{background:#4a69bd1a;border-color:#4a69bd;border-color:var(--primary-blue);color:#fff;color:var(--text-primary);transform:translateY(-2px)}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1.5rem;justify-content:center;min-height:400px}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff1a;border-radius:50%;border-top:4px solid var(--primary-blue);height:50px;width:50px}@media (min-width:480px){.loading-spinner{height:60px;width:60px}}.loading-container p{color:#ccc;color:var(--text-secondary);font-size:1rem;font-weight:600}@media (min-width:768px){.loading-container p{font-size:1.1rem}}.wizard-navigation{display:flex;gap:1rem;justify-content:center;margin:2rem auto;max-width:600px;padding:0 1rem}@media (min-width:768px){.wizard-navigation{margin:3rem auto 2rem}}.nav-btn{align-items:center;border:none;border-radius:12px;border-radius:var(--radius-md);cursor:pointer;display:flex;flex:1 1;font-size:1rem;font-weight:700;gap:.6rem;justify-content:center;max-width:250px;padding:1rem 1.5rem;transition:all .3s ease;transition:var(--transition)}@media (min-width:480px){.nav-btn{font-size:1.1rem;gap:.75rem;padding:1rem 2rem}}@media (min-width:768px){.nav-btn{font-size:1.2rem;padding:1.2rem 2.5rem}}.prev-btn{background:#ffffff0d;border:2px solid #ffffff26;border:2px solid var(--border-color);color:#fff;color:var(--text-primary)}.prev-btn:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px)}.next-btn{background:linear-gradient(135deg,#4a69bd,#3d56a0);background:linear-gradient(135deg,var(--primary-blue),var(--primary-dark));box-shadow:0 8px 25px #4a69bd4d;box-shadow:var(--shadow-blue);color:#fff;color:var(--text-primary)}.next-btn:hover:not(.disabled){box-shadow:0 15px 40px #4a69bd80;transform:translateY(-2px)}.next-btn.disabled{cursor:not-allowed;opacity:.5;transform:none}.restart-btn{background:linear-gradient(135deg,#6c5ce7,#8a7cff);background:linear-gradient(135deg,var(--accent-purple),#8a7cff);box-shadow:0 4px 16px #00000026;box-shadow:var(--shadow-md);color:#fff;color:var(--text-primary)}.restart-btn:hover{box-shadow:0 15px 40px #6c5ce780;transform:translateY(-2px)}.nav-btn .btn-spinner{height:16px;width:16px}@media (min-width:480px){.nav-btn .btn-spinner{height:18px;width:18px}}@media (max-width:480px){.wizard-navigation{flex-direction:column}.nav-btn{max-width:100%}}.csv-hint{align-items:center;background:#f0f7ff;border-left:4px solid #667eea;border-radius:8px;color:#1a1a2e;display:flex;font-size:14px;gap:8px;margin-top:12px;padding:12px 16px}.csv-hint strong{color:#667eea}.error-message{align-items:center;animation:shake .4s ease;background:#fff5f5;border:2px solid #ff6b6b;border-radius:10px;color:#d63031;display:flex;font-size:15px;font-weight:500;gap:10px;margin-top:16px;padding:14px 18px}.error-message:before{content:"⚠️";font-size:20px}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.upload-box.error{background:#fff5f5;border-color:#ff6b6b}.file-info.error{color:#d63031}.file-info.success{animation:slideIn .3s ease;color:#00b894}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.data-textarea.error{background:#fff!important;border:2px solid #ff6b6b!important;box-shadow:0 0 0 3px #ff6b6b1a}.data-textarea.success{background:#fff!important;border:2px solid #00b894!important;box-shadow:0 0 0 3px #00b8941a}.data-textarea{background:#fff;color:#1a1a2e!important;transition:border-color .3s ease,box-shadow .3s ease}.data-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.data-textarea.error:focus{border-color:#ff6b6b!important;box-shadow:0 0 0 3px #ff6b6b33!important}.data-textarea.success:focus{border-color:#00b894!important;box-shadow:0 0 0 3px #00b89433!important}@media (max-width:768px){.csv-hint{font-size:13px;padding:10px 12px}.error-message{font-size:14px;padding:12px 14px}}.splash-container{align-items:center;animation:fadeIn .5s cubic-bezier(.4,0,.2,1);background:#0a0a0a;display:flex;height:100vh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:9999}.splash-container.splash-exit{animation:explosiveExit 1s cubic-bezier(.68,-.55,.265,1.55) forwards}.splash-bg{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.gradient-orb{animation:orbFloat 8s ease-in-out infinite;border-radius:50%;filter:blur(100px);opacity:.6;position:absolute}.orb-1{animation-duration:10s;background:radial-gradient(circle,#6c63ff99 0,#0000 70%);height:500px;left:-10%;top:-20%;width:500px}.orb-2{animation-delay:-2s;animation-duration:12s;background:radial-gradient(circle,#4a69bd80 0,#0000 70%);bottom:-15%;height:400px;right:-5%;width:400px}.orb-3{animation-delay:-5s;animation-duration:15s;background:radial-gradient(circle,#9b93ff66 0,#0000 70%);height:350px;left:50%;top:50%;transform:translate(-50%,-50%);width:350px}.grid-overlay{animation:gridScroll 20s linear infinite;background-image:linear-gradient(#6c63ff08 1px,#0000 0),linear-gradient(90deg,#6c63ff08 1px,#0000 0);background-size:50px 50px}.grid-overlay,.particles{height:100%;left:0;position:absolute;top:0;width:100%}.particles{opacity:0;pointer-events:none;transition:opacity 1s ease}.particles.active{opacity:1}.particle{animation:particleFloat 5s ease-in-out infinite;background:linear-gradient(135deg,#6c63ff,#fff);border-radius:50%;box-shadow:0 0 10px #6c63ffcc;height:4px;position:absolute;width:4px}.splash-content{align-items:center;display:flex;flex-direction:column;gap:3rem;position:relative;z-index:10}.splash-logo{height:200px;opacity:0;position:relative;transform:scale(.5) rotate(-180deg);transition:all 1s cubic-bezier(.68,-.55,.265,1.55);width:200px}.splash-logo.visible{opacity:1;transform:scale(1) rotate(0deg)}.logo-ring{animation:ringPulse 3s ease-in-out infinite;border:2px solid #0000;border-radius:50%;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.ring-1{animation-delay:0s;border-color:#6c63ff66;height:100%;width:100%}.ring-2{animation-delay:.3s;border-color:#6c63ff4d;height:130%;width:130%}.ring-3{animation-delay:.6s;border-color:#6c63ff33;height:160%;width:160%}.logo-center{align-items:center;animation:logoRotate 20s linear infinite;background:linear-gradient(135deg,#6c63ff33,#4a69bd33);border-radius:30%;box-shadow:0 0 40px #6c63ff66,inset 0 0 20px #6c63ff33;display:flex;height:120px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:120px}.logo-svg{height:70px;width:70px}.bar{animation:barGrow 1.5s ease-out forwards;transform:scaleY(0);transform-origin:bottom}.bar-1{animation-delay:.2s}.bar-2{animation-delay:.4s}.bar-3{animation-delay:.6s}.bar-4{animation-delay:.8s}.glow-pulse{animation:glowPulse 2s ease-in-out infinite;background:radial-gradient(circle,#6c63ff4d 0,#0000 70%);height:200%;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:200%}.glow-pulse.intense{animation:glowPulseIntense 1s ease-in-out infinite}.splash-brand{opacity:0;position:relative;transform:translateY(30px);transition:all .8s cubic-bezier(.34,1.56,.64,1)}.splash-brand.visible{opacity:1;transform:translateY(0)}.brand-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease infinite;background:linear-gradient(135deg,#6c63ff,#fff 50%,#6c63ff);-webkit-background-clip:text;background-clip:text;background-size:200% 200%;font-size:5rem;font-weight:900;letter-spacing:-3px;position:relative;text-shadow:0 0 30px #6c63ff80,0 0 60px #6c63ff4d}.brand-text:after,.brand-text:before{content:attr(data-text);height:100%;left:0;opacity:.8;position:absolute;top:0;width:100%}.brand-text:before{animation:glitch1 2.5s infinite;-webkit-clip-path:polygon(0 0,100% 0,100% 45%,0 45%);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);transform:translate(-2px,-2px)}.brand-text:after{animation:glitch2 2.5s infinite;-webkit-clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);transform:translate(2px,2px)}.brand-underline{animation:underlineExpand 1s ease-out .5s forwards;background:linear-gradient(90deg,#0000,#6c63ff,#0000);border-radius:2px;height:4px;margin-top:1rem;transform:scaleX(0)}.splash-slogan{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.34,1.56,.64,1) .3s}.splash-slogan.visible{opacity:1;transform:translateY(0)}.slogan-line{display:flex;gap:1.5rem;justify-content:center;margin-bottom:.5rem}.line-2{margin-bottom:0}.slogan-word{display:inline-flex;gap:.1rem}.char{-webkit-text-fill-color:#0000;animation:charSlideIn .6s cubic-bezier(.68,-.55,.265,1.55) forwards;background:linear-gradient(135deg,#ffffffe6,#6c63ffcc);-webkit-background-clip:text;background-clip:text;display:inline-block;font-size:2rem;font-weight:600;opacity:0;transform:translateY(50px) rotateX(-90deg)}.splash-loader{opacity:0;position:relative;transform:translateY(20px);transition:all .8s ease .5s;width:400px}.splash-loader.visible{opacity:1;transform:translateY(0)}.loader-track{background:#ffffff1a;border-radius:10px;box-shadow:0 0 10px #6c63ff4d,inset 0 0 10px #00000080;height:4px;overflow:hidden;position:relative}.loader-fill{animation:loaderFill 4s cubic-bezier(.4,0,.2,1) forwards,shimmer 1.5s linear infinite;background:linear-gradient(90deg,#6c63ff,#fff 50%,#6c63ff);background-size:200% 100%;border-radius:10px;box-shadow:0 0 20px #6c63ffcc,0 0 40px #6c63ff80;height:100%}.loader-glow{animation:glowMove 4s ease-in-out forwards;background:radial-gradient(ellipse,#6c63ffcc,#0000);filter:blur(10px);height:24px;left:0;position:absolute;top:-10px;width:40px}.loader-particles{height:100%;left:0;position:absolute;top:0;width:100%}.loader-particle{animation:particleBurst 1s ease-out forwards;background:#fff;border-radius:50%;height:3px;opacity:0;position:absolute;top:-5px;width:3px}.corner-accent{animation:cornerPulse 3s ease-in-out infinite;border:2px solid #6c63ff4d;height:80px;position:absolute;width:80px}.corner-tl{animation-delay:0s;border-radius:4px 0 0 0;border-right:none;left:20px}.corner-tl,.corner-tr{border-bottom:none;top:20px}.corner-tr{animation-delay:.5s;border-left:none;border-radius:0 4px 0 0;right:20px}.corner-bl{animation-delay:1s;border-radius:0 0 0 4px;border-right:none;left:20px}.corner-bl,.corner-br{border-top:none;bottom:20px}.corner-br{animation-delay:1.5s;border-left:none;border-radius:0 0 4px 0;right:20px}.scan-line{animation:scanMove 4s linear infinite;background:linear-gradient(90deg,#0000,#6c63ff80,#0000);box-shadow:0 0 10px #6c63ffcc;height:2px;left:0;position:absolute;top:0;width:100%}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes explosiveExit{0%{filter:blur(0);opacity:1;transform:scale(1)}50%{transform:scale(1.2)}to{filter:blur(20px);opacity:0;transform:scale(3)}}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(20px,-20px) scale(1.1)}50%{transform:translate(-15px,15px) scale(.95)}75%{transform:translate(15px,20px) scale(1.05)}}@keyframes gridScroll{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes particleFloat{0%{opacity:0;transform:translateY(0) scale(0)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(-100vh) scale(1)}}@keyframes ringPulse{0%,to{opacity:.6;transform:translate(-50%,-50%) scale(1)}50%{opacity:.3;transform:translate(-50%,-50%) scale(1.2)}}@keyframes logoRotate{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes glowPulse{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.2)}}@keyframes glowPulseIntense{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.4)}}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes glitch1{0%,90%,to{opacity:0;transform:translate(0)}91%{opacity:.8;transform:translate(-5px,-2px)}93%{opacity:.8;transform:translate(3px,2px)}95%{opacity:.8;transform:translate(-2px,1px)}}@keyframes glitch2{0%,90%,to{opacity:0;transform:translate(0)}91.5%{opacity:.8;transform:translate(4px,3px)}93.5%{opacity:.8;transform:translate(-3px,-2px)}95.5%{opacity:.8;transform:translate(2px,-1px)}}@keyframes underlineExpand{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes charSlideIn{0%{opacity:0;transform:translateY(50px) rotateX(-90deg)}50%{transform:translateY(-10px) rotateX(10deg)}to{opacity:1;transform:translateY(0) rotateX(0deg)}}@keyframes loaderFill{0%{width:0}to{width:100%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes glowMove{0%{left:0}to{left:calc(100% - 40px)}}@keyframes particleBurst{0%{opacity:0;transform:translateY(0) scale(0)}30%{opacity:1;transform:translateY(-20px) scale(1)}to{opacity:0;transform:translateY(-50px) scale(0)}}@keyframes cornerPulse{0%,to{opacity:.3;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}@keyframes scanMove{0%{top:0}to{top:100%}}@media (max-width:768px){.splash-logo{height:150px;width:150px}.logo-center{height:90px;width:90px}.logo-svg{height:50px;width:50px}.brand-text{font-size:3.5rem;letter-spacing:-2px}.char{font-size:1.5rem}.splash-loader{width:300px}.corner-accent{height:50px;width:50px}.orb-1{height:300px;width:300px}.orb-2{height:250px;width:250px}.orb-3{height:200px;width:200px}}@media (max-width:480px){.splash-content{gap:2rem}.splash-logo{height:120px;width:120px}.logo-center{height:70px;width:70px}.logo-svg{height:40px;width:40px}.brand-text{font-size:2.5rem;letter-spacing:-1px}.char{font-size:1.2rem}.slogan-line{flex-wrap:wrap;gap:1rem}.splash-loader{width:250px}.corner-accent{height:40px;width:40px}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
/*# sourceMappingURL=main.94ebf2c3.css.map*/