*{box-sizing:border-box}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}img{height:auto;max-width:100%}a,button,input,select,textarea{transition:all .3s ease}a:focus,button:focus,input:focus,select:focus,textarea:focus{outline:2px solid #667eea;outline-offset:2px}.auth-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:2rem auto;max-width:800px;padding:3rem;position:relative;z-index:2}.auth-header{margin-bottom:2.5rem;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem;text-shadow:0 2px 10px #00000080}.auth-header p{color:#e0e0e0;font-size:clamp(1rem,2vw,1.3rem);line-height:1.6;text-shadow:0 1px 3px #00000080}.auth-options{align-items:center;display:flex;flex-direction:column;gap:2rem}.expired-token-message{font-weight:500;padding:1rem}.error-message,.expired-token-message{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:10px;color:#ff6b6b;margin-bottom:1.5rem;text-align:center}.error-message{align-items:center;display:flex;gap:1rem;justify-content:space-between;padding:1rem 1.5rem;position:relative}.error-text{flex:1 1;text-align:center}.error-close{align-items:center;background:none;border:none;border-radius:50%;color:#ff6b6b;cursor:pointer;display:flex;flex-shrink:0;font-size:1.5rem;height:24px;justify-content:center;padding:0;transition:all .3s ease;width:24px}.error-close:hover{background:#ff6b6b33;color:#ff5252}.google-button-container{max-width:300px;opacity:1;transition:opacity .3s ease;width:100%}.google-button-container.loading{opacity:.6;pointer-events:none}.loading-container{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:1rem 0}.loading-spinner{border:3px solid #ffffff1a}.loading-container p{color:#e0e0e0;font-size:1rem;margin:0;text-shadow:0 1px 3px #00000080}.auth-divider{align-items:center;display:flex;margin:1rem 0;text-align:center;width:100%}.auth-divider:after,.auth-divider:before{border-bottom:1px solid #fff3;content:"";flex:1 1}.auth-divider span{color:#e0e0e0;font-size:.9rem;padding:0 1rem;text-shadow:0 1px 3px #00000080}.auth-switch{color:#e0e0e0;margin-top:1.5rem;text-align:center}.auth-link-button{background:none;border:none;color:#667eea;cursor:pointer;font-size:inherit;font-weight:500;margin:0;padding:0;text-decoration:none;transition:all .3s ease}.auth-link-button:hover{color:#4b9ca2;text-shadow:0 0 10px #667eea80}.auth-link-button:disabled{cursor:not-allowed;opacity:.5}.google-button-container>div,.google-button-container>div>div{max-width:300px!important;width:100%!important}@media (max-width:768px){.auth-container{margin:1rem;padding:2rem}.auth-header h1{font-size:clamp(1.8rem,6vw,2.5rem)}.auth-header p{font-size:clamp(.9rem,3vw,1.1rem)}}.dynamic-background{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;min-height:100vh;padding:20px;position:relative}@media (max-width:768px){.dynamic-background{background-attachment:scroll;padding:10px}}@media (max-width:480px){.dynamic-background{padding:5px}}.dark-container{background:#121212f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;margin:20px;padding:40px;position:relative;z-index:2}.dark-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:20px;text-shadow:0 2px 10px #00000080}.dark-subtitle{color:#e0e0e0;font-size:clamp(1rem,2vw,1.3rem);line-height:1.6;margin-bottom:30px;text-shadow:0 1px 3px #00000080}.dark-input{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;font-size:1rem;padding:12px 16px;transition:all .3s ease}.dark-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.dark-input::placeholder{color:#fff9}.dark-select{background:#ffffff1a;border:1px solid #fff3;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;padding:12px 16px;transition:all .3s ease}.dark-select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.dark-select option{background:#1a1a1a;color:#fff}.dark-button{border:none;border-radius:10px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:1px;min-width:120px;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.dark-button.primary{background:linear-gradient(135deg,#667eea,#4b9ca2);box-shadow:0 8px 25px #667eea66;color:#fff}.dark-button.primary:hover{box-shadow:0 12px 35px #667eea99;transform:translateY(-2px)}.dark-button.secondary{background:#0000;border:2px solid #667eea;color:#667eea}.dark-button.secondary:hover{background:#667eea;box-shadow:0 8px 25px #667eea66;color:#fff;transform:translateY(-2px)}.dark-button:disabled{background:#ffffff1a!important;border-color:#fff3!important;box-shadow:none!important;color:#fff6!important;cursor:not-allowed;opacity:.5;transform:none!important}.dark-button.primary:disabled{background:#667eea4d!important;color:#ffffff80!important}.dark-button.secondary:disabled{background:#0000!important;border-color:#667eea66!important;color:#667eea66!important}.dark-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;margin:10px 0;padding:20px;transition:all .3s ease}.dark-card:hover{background:#ffffff1a;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.dark-text{color:#e0e0e0;line-height:1.6}.dark-text-muted{color:#fff9;font-size:.9rem}@media (max-width:768px){.dark-container{margin:10px;padding:25px 20px}.dark-button{font-size:.9rem;min-width:100px;padding:10px 20px}}@media (max-width:480px){.dark-container{margin:5px;padding:20px 15px}.dark-title{margin-bottom:15px}.dark-subtitle{margin-bottom:20px}.dark-button{font-size:.8rem;min-width:80px;padding:8px 16px}}.dictionaryContainer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.searchSection{display:flex;flex-wrap:wrap;gap:15px;margin-bottom:30px}.searchInput{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:1rem;min-width:200px;padding:.8rem 1rem;transition:border-color .3s ease}.searchInput:focus{border-color:#3498db;outline:none}.categorySelect{background-color:#000;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:1rem;min-width:150px;padding:.8rem 1rem;transition:border-color .3s ease}.categorySelect:focus{border-color:#3498db;outline:none}.termsGrid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-top:20px}.termCard{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;gap:10px;padding:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.termCard:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.termCard h3{color:#667eea;font-size:1.3rem;font-weight:600;margin:0}.termCard .category{background-color:#e8f4f8;border-radius:20px;color:#3498db;display:inline-block;font-size:.9rem;letter-spacing:1px;margin:0;padding:.3rem .8rem;text-transform:uppercase}.termCard .definition{line-height:1.6;margin:0}.termCard .example{font-size:.9rem;font-style:italic;margin:0}@media (max-width:768px){.dictionaryContainer{padding:1rem}.title{font-size:2rem}.searchSection{flex-direction:column;gap:10px}.categorySelect,.searchInput{min-width:100%}.termsGrid{gap:15px;grid-template-columns:1fr}.termCard{padding:15px}}@media (max-width:480px){.searchSection{margin-bottom:20px}.termsGrid{gap:10px}.termCard{padding:12px}.termCard h3{font-size:1.1rem}}@media (min-width:769px) and (max-width:1024px){.termsGrid{gap:15px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}.error,.loading{color:#666;font-size:1.2rem;padding:2rem;text-align:center}.error{color:#e74c3c}.example{color:#666;font-size:.9rem;font-style:italic;margin-top:.5rem}.credits-display{width:100%}.credits-display,.credits-link{align-items:center;display:flex;justify-content:center}.credits-link{color:inherit;text-decoration:none}.credits-card{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;cursor:pointer;display:flex;justify-content:center;min-width:fit-content;padding:12px 16px;transition:all .3s ease}.credits-card:hover{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.credits-icon{font-size:1.2rem;margin-right:12px;min-width:20px;text-align:center}.credits-text{color:#fff;font-size:.95rem;font-weight:500;white-space:nowrap}.sidebar-credits{border-bottom:1px solid #ffffff1a;justify-content:flex-start;margin-bottom:20px;padding:0 20px 20px}.sidebar-credits-button{align-items:center;background:linear-gradient(135deg,#667eea1a,#4b9ca21a);border:1px solid #667eea4d;border-radius:10px;color:#667eea;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;justify-content:center;padding:12px 15px;text-decoration:none;transition:all .3s ease;white-space:nowrap;width:100%}.sidebar-credits-button:hover{background:linear-gradient(135deg,#667eea33,#4b9ca233);border-color:#667eea80;transform:translateX(5px)}.header-credits{justify-content:center;margin:0 auto}.header-credits .credits-card{background:#ffffff0d;border:1px solid #ffffff1a}.header-credits .credits-card:hover{background:#ffffff1a;border-color:#fff3}.inline-credits{display:inline-flex;justify-content:center}.inline-credits .credits-card{background:#ffffff0d;border:1px solid #ffffff1a}.inline-credits .credits-card:hover{background:#ffffff1a;border-color:#fff3}@media (max-width:768px){.credits-text{font-size:.9rem}.credits-icon{font-size:1.1rem;margin-right:10px}.credits-card{padding:10px 14px}.credits-display{justify-content:center;width:100%}.header-credits{margin:0 auto;width:100%}}@media (max-width:480px){.credits-text{font-size:.85rem}.credits-icon{font-size:1rem;margin-right:8px}.credits-card{padding:8px 12px}.credits-display{justify-content:center;width:100%}}.record-deal-writer{margin:0 auto;max-width:800px;padding:2rem}.record-deal-writer h1{color:#333;margin-bottom:2rem;text-align:center}.record-deal-writer .credits-display{justify-content:center;margin-bottom:2rem}.form-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:10px;margin-bottom:2rem;padding:1.5rem}.form-section h2{font-size:1.3rem;font-weight:600;margin-bottom:1.5rem}.form-group{margin-bottom:1rem}.form-group label{display:block;margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:1rem;padding:.75rem;transition:all .3s ease;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:#fff9}.form-group select option{background:#1a1a1a;color:#fff}.form-group input[type=checkbox]{margin-right:.5rem;width:auto}.track-entry{grid-gap:1rem;background:#ffffff08;border:1px solid #ffffff0d;border-radius:8px;display:grid;gap:1rem;grid-template-columns:1fr 1fr;margin-bottom:1rem;padding:1rem}.submit-button{background:linear-gradient(135deg,#667eea,#4b9ca2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;letter-spacing:1px;padding:1rem;text-transform:uppercase;transition:all .3s ease;width:100%}.submit-button:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.submit-button:disabled{box-shadow:none!important;cursor:not-allowed;opacity:.6;transform:none!important}.review-section{margin:0 auto;max-width:800px;padding:2rem}.review-section h2{color:#fff;margin-bottom:1rem;text-align:center}.review-section p{color:#fffc;font-size:1rem;margin-bottom:2rem;text-align:center}.dark-textarea{word-wrap:break-word;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;color:#fff;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.9rem;line-height:1.6;min-height:400px;padding:1rem;resize:vertical;transition:all .3s ease;white-space:pre-wrap;width:100%}.dark-textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.button-group .dark-button{border:none;border-radius:6px;cursor:pointer;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.75rem 1.5rem;text-transform:uppercase;transition:all .3s ease}.button-group .dark-button:first-child{background:linear-gradient(135deg,#667eea,#4b9ca2);color:#fff}.button-group .dark-button.secondary{background:#ffffff1a;border:1px solid #ffffff4d;color:#fff}.button-group .dark-button:hover{box-shadow:0 4px 15px #667eea4d;transform:translateY(-2px)}.button-group .dark-button.secondary:hover{background:#fff3;box-shadow:0 4px 15px #ffffff1a}@media (max-width:768px){.form-section{margin-bottom:1.5rem;padding:1rem}.form-section h2{font-size:1.1rem;margin-bottom:1rem}.track-entry{gap:.5rem;grid-template-columns:1fr;padding:.8rem}.form-group input,.form-group select,.form-group textarea{font-size:.9rem;padding:.6rem}.submit-button{font-size:1rem;padding:.8rem}.review-section{padding:1rem}.dark-textarea{font-size:.8rem;min-height:300px}.button-group{flex-direction:column;gap:.8rem}.button-group .dark-button{font-size:.9rem;padding:.8rem 1rem}}@media (max-width:480px){.form-section{margin-bottom:1rem;padding:.8rem}.form-section h2{font-size:1rem;margin-bottom:.8rem}.track-entry{padding:.6rem}.form-group input,.form-group select,.form-group textarea{font-size:.8rem;padding:.5rem}.submit-button{font-size:.9rem;padding:.7rem}.review-section{padding:.8rem}.dark-textarea{font-size:.75rem;min-height:250px}.button-group .dark-button{font-size:.8rem;padding:.7rem .8rem}}.landing-container{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:100vh;padding:20px}.landing-container,.landing-content{align-items:center;display:flex;justify-content:center;position:relative}.landing-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;flex-direction:column;margin:0 auto;max-width:800px;min-height:80vh;padding:40px;text-align:center;width:100%;z-index:2}.landing-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:20px;text-shadow:0 2px 10px #00000080}.landing-description{color:#e0e0e0;font-size:clamp(1rem,2.5vw,1.5rem);line-height:1.6;margin-bottom:40px;text-shadow:0 1px 3px #00000080}.cta-buttons{align-items:center;display:flex;flex-direction:column;gap:20px}.cta-button{border:none;border-radius:30px;cursor:pointer;font-size:clamp(1rem,2vw,1.2rem);font-weight:600;letter-spacing:1px;min-width:200px;overflow:hidden;padding:15px 40px;position:relative;text-transform:uppercase;transition:all .3s ease}.cta-button.primary{background:linear-gradient(135deg,#667eea,#4b9ca2);box-shadow:0 8px 25px #667eea66;color:#fff}.cta-button.primary:hover{box-shadow:0 12px 35px #667eea99;transform:translateY(-3px)}.cta-button.secondary{background:#0000;border:2px solid #667eea;color:#667eea}.cta-button.secondary:hover{background:#667eea;box-shadow:0 8px 25px #667eea66;color:#fff;transform:translateY(-3px)}.landing-logo{display:block;filter:drop-shadow(0 8px 25px rgba(102,126,234,.3));height:auto;margin:0 auto 32px;max-width:clamp(120px,20vw,160px);transition:transform .3s ease;width:100%}.landing-logo:hover{transform:scale(1.05) rotate(-2deg)}@media (max-width:768px){.landing-content{margin:10px;min-height:70vh;padding:30px 20px}.cta-buttons{gap:15px}.cta-button{min-width:180px;padding:12px 30px}}@media (max-width:480px){.landing-content{margin:5px;min-height:60vh;padding:25px 15px}.landing-title{margin-bottom:15px}.landing-description{margin-bottom:30px}.cta-button{font-size:.9rem;min-width:160px;padding:10px 25px}}@media (min-width:769px) and (max-width:1024px){.landing-content{max-width:600px;padding:35px}.cta-buttons{flex-direction:row;gap:20px;justify-content:center}}@media (min-width:1025px){.cta-buttons{flex-direction:row;gap:25px;justify-content:center}.landing-content{padding:50px}}.toolsContainer{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;margin:0 auto;max-width:1200px;padding:2rem}.user-header{align-items:center;display:flex;flex-direction:column;gap:15px;justify-content:center;margin-bottom:2rem;text-align:center}.user-profile-picture{border:3px solid #fff3;border-radius:50%;box-shadow:0 4px 12px #0000004d;height:80px;object-fit:cover;width:80px}.user-welcome{align-items:center;display:flex;flex-direction:column}.title{font-size:2.5rem;font-weight:700}.subtitle,.title{color:#2c3e50;margin-bottom:2rem;text-align:center}.subtitle{font-size:1.5rem}.toolsGrid{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:30px}.toolCard{display:flex;flex-direction:column;gap:15px;padding:25px;transition:all .3s ease}.toolCard:hover{box-shadow:0 6px 12px #00000026;transform:translateY(-5px)}.toolCard h3{color:#667eea;font-size:1.4rem;font-weight:600;margin:0}.toolCard .category{font-size:.9rem;font-weight:500;letter-spacing:1px;margin:0;text-transform:uppercase}.toolCard .description{flex-grow:1;line-height:1.6;margin:0}@media (max-width:768px){.toolsContainer{padding:1rem}.user-header{gap:12px;margin-bottom:1.5rem}.user-profile-picture{height:60px;width:60px}.title{font-size:2rem}.toolsGrid{gap:20px;grid-template-columns:1fr;margin-top:20px}.toolCard{padding:20px}.toolCard h3{font-size:1.2rem}}@media (max-width:480px){.user-header{gap:10px;margin-bottom:1rem}.user-profile-picture{height:50px;width:50px}.toolsGrid{gap:15px;margin-top:15px}.toolCard{padding:15px}.toolCard h3{font-size:1.1rem}}@media (min-width:769px) and (max-width:1024px){.toolsGrid{gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.interpreter-container{background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;margin:2rem auto;max-width:800px;padding:2rem}.interpreter-header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:center}.interpreter-header h2{color:#2c3e50;font-size:2rem;margin-bottom:.5rem}.interpreter-header p{color:#7f8c8d;font-size:1.1rem;margin:0}.upload-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:2rem;padding:2rem;text-align:center}.file-input-wrapper{margin-bottom:1rem}.file-input{display:none}.file-input-label{background:linear-gradient(135deg,#667eea,#4b9ca2);border-radius:6px;color:#fff;cursor:pointer;display:inline-block;font-weight:500;padding:.8rem 1.5rem;transition:all .3s ease}.file-input-label:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.selected-file{font-size:.9rem;margin-top:1rem}.upload-button{align-items:center;display:flex;justify-content:center;margin-left:auto;margin-right:auto;margin-top:1rem;min-height:48px;min-width:160px;white-space:nowrap}.disclaimer-section{background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;margin:1.5rem 0;padding:1rem}.disclaimer-checkbox{align-items:center;border-radius:6px;cursor:pointer;display:flex;gap:1rem;padding:.5rem;transition:all .2s ease}.disclaimer-checkbox:hover{background:#ffffff05;border-radius:6px;margin:-.5rem;padding:.5rem}.disclaimer-checkbox input[type=checkbox]{accent-color:#667eea;background:#ffffff0d;border:2px solid #ffffff4d;border-radius:4px;cursor:pointer;flex-shrink:0;height:24px;margin:0;transition:all .2s ease;width:24px}.disclaimer-checkbox input[type=checkbox]:checked{background:#667eea;border-color:#667eea;box-shadow:0 0 0 2px #667eea4d}.disclaimer-checkbox input[type=checkbox]:hover{border-color:#667eea;transform:scale(1.05)}.disclaimer-text{color:#fffc;cursor:pointer;flex:1 1;font-size:.9rem;line-height:1.6;margin:0;-webkit-user-select:none;user-select:none}.loading-spinner{border:3px solid #ffffff4d;flex-shrink:0;height:20px;margin-right:.5rem;width:20px}.response-section{margin-top:2rem}.response-section h3{margin-bottom:1rem}.response-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;font-family:Courier New,Courier,monospace;line-height:1.5;padding:1.5rem;white-space:pre-wrap}.error-message{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:6px;margin-top:1rem;padding:1rem}.error-message h3{color:#e74c3c;margin-bottom:.5rem}.category-selector{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}.category-selector label{color:#e0e0e0;font-weight:500}.category-dropdown{background-color:#333;border:1px solid #ddd;border-radius:4px;color:#fff;cursor:pointer;font-size:14px;padding:10px;transition:border-color .2s}.category-dropdown:hover{border-color:#999}.category-dropdown:focus{border-color:#007bff;box-shadow:0 0 0 2px #007bff40;outline:none}.analysis-section{margin-bottom:2rem;padding:1.5rem}.analysis-section h4{font-size:1.2rem;margin-bottom:1rem}.button-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.button-group .dark-button{min-width:180px}.interpreter-layout{display:flex;gap:30px;margin:0 auto;max-width:1400px;padding:20px}.contract-sidebar{background:#121212f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;flex-shrink:0;height:fit-content;padding:30px;position:sticky;top:20px;width:350px}.sidebar-header{margin-bottom:30px;text-align:center}.sidebar-title{font-size:1.5rem;font-weight:600;margin-bottom:10px}.sidebar-subtitle{color:#ffffffb3;line-height:1.4}.contract-type-list{margin-bottom:30px}.contract-type-card{align-items:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;cursor:pointer;display:flex;gap:15px;margin-bottom:15px;overflow:hidden;padding:20px;position:relative;transition:all .3s ease}.contract-type-card:before{background:linear-gradient(135deg,#667eea1a,#4b9ca21a);bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.contract-type-card:hover{border-color:#667eea4d;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.contract-type-card:hover:before{opacity:1}.contract-type-card.active{background:#667eea26;border-color:#667eea;box-shadow:0 8px 25px #667eea4d}.contract-type-card.active:before{opacity:1}.contract-type-icon{align-items:center;background:#ffffff1a;border-radius:12px;display:flex;flex-shrink:0;font-size:2rem;height:50px;justify-content:center;width:50px}.contract-type-content{flex:1 1}.contract-type-title{color:#fff;font-size:1.1rem;font-weight:600;margin:0;position:relative;z-index:1}.interpreter-main{flex:1 1;min-width:0}.selected-contract-type{background:linear-gradient(135deg,#ffffff14,#ffffff08);border:1px solid #ffffff26;border-radius:20px;margin-bottom:25px;overflow:hidden;padding:30px;position:relative;text-align:center}.selected-contract-type:before{background:linear-gradient(90deg,#667eea,#4b9ca2 50%,#667eea);border-radius:20px 20px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.selected-contract-type h4{color:#fff;font-size:1.2rem;font-weight:600;letter-spacing:1px;margin-bottom:20px;text-transform:uppercase}.contract-type-display{align-items:center;background:linear-gradient(135deg,#667eea26,#4b9ca226);border:1px solid #667eea4d;border-radius:15px;box-shadow:0 8px 25px #667eea33;display:flex;gap:15px;justify-content:center;margin-bottom:25px;padding:20px 30px;transition:all .3s ease}.contract-type-display:hover{border-color:#667eea80;box-shadow:0 12px 35px #667eea4d;transform:translateY(-2px)}.contract-type-icon-display{filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));font-size:2rem}.contract-type-name{color:#667eea;font-size:1.3rem;font-weight:700;text-shadow:0 1px 2px #0000004d}.contract-description-main{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;margin-bottom:25px;padding:25px;position:relative;text-align:center}.contract-description-main:before{background:linear-gradient(90deg,#0000,#ffffff4d 50%,#0000);border-radius:1px;content:"";height:2px;left:50%;position:absolute;top:0;transform:translateX(-50%);width:60px}.description-title-main{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:15px}.description-text-main{color:#ffffffd9;font-size:1rem;font-weight:400;line-height:1.7;margin:0 auto;max-width:600px}@media (max-width:1024px){.interpreter-layout{flex-direction:column;gap:20px}.contract-sidebar{order:1;position:static;width:100%}.interpreter-main{order:2}}@media (max-width:768px){.interpreter-layout{padding:10px}.contract-sidebar{order:1;padding:20px}.interpreter-main{order:2}.contract-type-card{padding:15px}.contract-type-icon{font-size:1.5rem;height:40px;width:40px}.contract-type-title{font-size:1rem}.description-text{font-size:.85rem}.upload-section{margin-bottom:1.5rem;padding:1.5rem}.analysis-section{margin-bottom:1.5rem;padding:1rem}.file-input-label{font-size:.9rem;padding:.6rem 1.2rem}.upload-button{font-size:.9rem;padding:.6rem 1.5rem}.disclaimer-section{margin:1rem 0;padding:.8rem}.disclaimer-text{font-size:.8rem}.button-group{align-items:center;flex-direction:column}.button-group .dark-button{min-width:200px}}@media (max-width:480px){.contract-sidebar{order:1;padding:15px}.interpreter-main{order:2}.contract-type-card{margin-bottom:10px;padding:12px}.contract-type-icon{font-size:1.3rem;height:35px;width:35px}.sidebar-title{font-size:1.3rem}.sidebar-subtitle{font-size:.8rem}.upload-section{margin-bottom:1rem;padding:1rem}.analysis-section{margin-bottom:1rem;padding:.8rem}.file-input-label{font-size:.8rem;padding:.5rem 1rem}.upload-button{font-size:.8rem;padding:.5rem 1.2rem}.disclaimer-section{margin:.8rem 0;padding:.6rem}.disclaimer-checkbox{gap:.5rem}.disclaimer-checkbox input[type=checkbox]{height:16px;width:16px}.disclaimer-text{font-size:.75rem}.analysis-section h4{font-size:1rem}.button-group{align-items:center;flex-direction:column}.button-group .dark-button{min-width:200px}}.filter-section{display:flex;justify-content:center;margin-bottom:2rem}.filter-dropdown{background:#ffffff0d;border:1px solid #fff3;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;min-width:200px;padding:12px;transition:all .3s ease}.filter-dropdown:hover{border-color:#ffffff4d}.filter-dropdown:focus{border-color:#667eea;box-shadow:0 0 0 2px #667eea40;outline:none}.analyses-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:2rem}.analysis-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.analysis-card:hover{border-color:#667eea4d;box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.analysis-type-badge{border-radius:6px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.analysis-type-badge.record-deal{background:#667eea33;border:1px solid #667eea4d;color:#667eea}.analysis-type-badge.copyright-agreement{background:#4caf5033;border:1px solid #4caf504d;color:#4caf50}.analysis-type-badge.booking-performance{background:#ff980033;border:1px solid #ff98004d;color:#ff9800}.analysis-type-badge.master-license{background:#9c27b033;border:1px solid #9c27b04d;color:#9c27b0}.analysis-type-badge.media-contract{background:#00bcd433;border:1px solid #00bcd44d;color:#00bcd4}.analysis-date{color:#fff9}.modal-content{max-width:800px}.analysis-detail{max-width:100%}.analysis-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1rem}.analysis-header h3{color:#fff;font-size:1.4rem;margin:0 0 .5rem}.analysis-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.analysis-meta .analysis-type{border:1px solid;border-radius:6px;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.analysis-meta .analysis-type.record-deal,.analysis-meta .analysis-type:not([class*=" "]){background:#667eea33;border-color:#667eea4d;color:#667eea}.analysis-meta .analysis-type.copyright-agreement{background:#4caf5033;border-color:#4caf504d;color:#4caf50}.analysis-meta .analysis-type.booking-performance{background:#ff980033;border-color:#ff98004d;color:#ff9800}.analysis-meta .analysis-type.master-license{background:#9c27b033;border-color:#9c27b04d;color:#9c27b0}.analysis-meta .analysis-type.media-contract{background:#00bcd433;border-color:#00bcd44d;color:#00bcd4}.analysis-meta .analysis-date{color:#fff9;font-size:.9rem}.analysis-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1.5rem;padding:1.2rem}.analysis-section h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.summary-section{background:#2196f31a;border-left:4px solid #2196f3}.red-section{background:#f443361a;border-left:4px solid #f44336}.yellow-section{background:#ffc1071a;border-left:4px solid #ffc107}.green-section{background:#4caf501a;border-left:4px solid #4caf50}.evaluation-section{background:#9c27b01a;border-left:4px solid #9c27b0}.uncertainties-section{background:#9e9e9e1a;border-left:4px solid #9e9e9e}.issues-list{list-style:none;margin:0;padding:0}.issues-list li{border-bottom:1px solid #ffffff1a;line-height:1.6;padding:.5rem 0}.issues-list li:last-child{border-bottom:none}.red-issues li{color:#ffcdd2}.yellow-issues li{color:#fff9c4}.green-issues li{color:#c8e6c9}.uncertainties li{color:#d1c4e9}.issues-list li strong{color:inherit;font-weight:700}.red-issues li strong{color:#ffcdd2}.yellow-issues li strong{color:#fff9c4}.green-issues li strong{color:#c8e6c9}.uncertainties li strong{color:#d1c4e9}.unstructured-section{background:#ffffff0d;border:1px solid #ffffff1a}.unstructured-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;line-height:1.6;padding:1rem;white-space:pre-wrap}@media (max-width:768px){.analyses-grid{gap:1rem;grid-template-columns:1fr}.analysis-card{padding:1rem}.card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.card-header h3{margin-right:0}.card-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem}.analysis-meta{align-items:flex-start;flex-direction:column;gap:.5rem}}@media (max-width:480px){.dashboard-header h2{font-size:1.5rem}.filter-dropdown{font-size:13px;min-width:150px}.analysis-card{padding:.8rem}.modal-header h3{font-size:1.1rem}}.dashboard-header{align-items:center;display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem;text-align:center}.dashboard-header h2{margin-bottom:.5rem}.dashboard-header p{margin:0}.loading-section{padding:3rem;text-align:center}.loading-spinner{animation:spin 1s linear infinite;border:4px solid #ffffff4d;border-radius:50%;border-top-color:#667eea;display:inline-block;height:40px;margin-bottom:1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-section{background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:8px;padding:2rem;text-align:center}.error-text{color:#e74c3c;margin-bottom:1rem}.empty-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:3rem;text-align:center}.generations-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));margin-bottom:2rem}.generation-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;cursor:pointer;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.generation-card:hover{border-color:#667eea4d;box-shadow:0 8px 25px #0000004d;transform:translateY(-4px)}.card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.card-header h3{flex:1 1;font-size:1.1rem;font-weight:600;margin:0 1rem 0 0;word-break:break-word}.generation-type-badge{border-radius:6px;font-size:.75rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase;white-space:nowrap}.generation-type-badge.record-deal{background:#667eea33;border:1px solid #667eea4d;color:#667eea}.card-meta{align-items:center;color:#ffffffb3;display:flex;font-size:.85rem;justify-content:space-between;margin-bottom:1rem}.file-size{background:#ffffff1a;border-radius:4px;padding:2px 6px}.generation-date{color:#fff9}.card-preview{border-top:1px solid #ffffff1a;padding-top:1rem}.card-preview p{font-size:.9rem;margin:.25rem 0}.modal-overlay{align-items:center;background:#000c;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.modal-content,body.modal-open{overflow:hidden}.modal-content{background:#1a1a1a;border:1px solid #ffffff1a;border-radius:12px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;max-height:90vh;max-width:900px;width:100%}.modal-header{align-items:center;background:#ffffff05;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem}.modal-header h3{font-size:1.3rem;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:50%;color:#ffffffb3;cursor:pointer;display:flex;font-size:1.5rem;height:30px;justify-content:center;padding:0;transition:all .3s ease;width:30px}.modal-close:hover{background:#ffffff1a;color:#fff}.modal-body{flex:1 1;max-height:calc(90vh - 80px);overflow-y:auto;padding:1.5rem;scrollbar-color:#ffffff4d #0000;scrollbar-width:thin}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:#0000}.modal-body::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:#ffffff80}.generation-detail{max-width:100%}.generation-header{border-bottom:1px solid #ffffff1a;margin-bottom:2rem;padding-bottom:1rem}.generation-header h3{color:#fff;font-size:1.4rem;margin:0 0 .5rem}.generation-meta{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.generation-meta .generation-type{background:#667eea33;border-radius:6px;color:#667eea;font-size:.8rem;font-weight:500;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.generation-meta .generation-date{color:#fff9;font-size:.9rem}.agreement-details{margin-bottom:2rem}.agreement-details h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.agreement-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.agreement-section{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;padding:1.2rem}.agreement-section h5{border-bottom:1px solid #667eea4d;color:#667eea;font-size:1rem;font-weight:600;margin:0 0 .8rem;padding-bottom:.5rem}.agreement-section p{font-size:.9rem;line-height:1.4;margin:.5rem 0}.agreement-section strong{color:#ffffffe6}.agreement-section ul{margin:.5rem 0;padding-left:1.5rem}.agreement-section li{font-size:.9rem;line-height:1.4;margin:.25rem 0}.generated-content-section{margin-top:2rem}.generated-content-section h4{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem}.generated-content{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;overflow:hidden}.markdown-content{word-wrap:break-word;background:#0000004d;color:#ffffffe6;font-family:Courier New,Courier,monospace;font-size:.85rem;line-height:1.6;margin:0;max-height:400px;overflow-y:auto;padding:1.5rem;white-space:pre-wrap}@media (max-width:768px){.generations-grid{gap:1rem;grid-template-columns:1fr}.generation-card{padding:1rem}.card-header{align-items:flex-start;flex-direction:column;gap:.5rem}.card-header h3{margin-right:0}.card-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.modal-content{margin:1rem;max-height:calc(100vh - 2rem)}.modal-body,.modal-header{padding:1rem}.generation-meta{align-items:flex-start;flex-direction:column;gap:.5rem}.agreement-grid{gap:1rem;grid-template-columns:1fr}.agreement-section{padding:1rem}.markdown-content{font-size:.8rem;max-height:300px;padding:1rem}}@media (max-width:480px){.dashboard-header h2{font-size:1.5rem}.generation-card{padding:.8rem}.modal-header h3{font-size:1.1rem}.agreement-section{padding:.8rem}.markdown-content{font-size:.75rem;padding:.8rem}}.buy-credits-content{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1000px;min-height:80vh;padding:40px;position:relative;text-align:center;width:100%;z-index:2}.credits-logo{display:block;filter:drop-shadow(0 8px 25px rgba(102,126,234,.3));height:auto;margin:0 auto 32px;max-width:clamp(120px,20vw,160px);transition:transform .3s ease;width:100%}.credits-logo:hover{transform:scale(1.05) rotate(-2deg)}.credits-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#fff);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:clamp(2.5rem,5vw,4rem);font-weight:700;margin-bottom:30px;text-shadow:0 2px 10px #00000080}.credits-info-card{margin-bottom:40px;max-width:900px;width:100%}.beta-notice{background:linear-gradient(135deg,#667eea1a,#4b9ca21a);border:1px solid #667eea4d;border-radius:15px;margin-bottom:40px;padding:30px;text-align:center}.beta-title{color:#667eea;font-size:clamp(1.5rem,3vw,2rem);font-weight:600;margin-bottom:15px}.beta-description{color:#e0e0e0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.future-credits-info{text-align:left}.future-title{color:#fff;font-size:clamp(1.8rem,3.5vw,2.5rem);font-weight:600;margin-bottom:15px;text-align:center}.future-description{color:#e0e0e0;font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;margin-bottom:30px;text-align:center}.credit-features{grid-gap:25px;display:grid;gap:25px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:40px}.feature-item{align-items:flex-start;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;display:flex;gap:15px;padding:20px;transition:all .3s ease}.feature-item:hover{background:#ffffff14;box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.feature-icon{flex-shrink:0;font-size:2rem}.feature-text h4{color:#fff;font-size:1.1rem;font-weight:600;margin-bottom:8px}.feature-text p{color:#b0b0b0;font-size:.95rem;line-height:1.5;margin:0}.pricing-preview{margin-top:40px}.pricing-title{color:#fff;font-size:clamp(1.3rem,2.5vw,1.8rem);font-weight:600;margin-bottom:25px;text-align:center}.pricing-tiers{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.pricing-tier{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:25px;position:relative;text-align:center;transition:all .3s ease}.pricing-tier:hover{background:#ffffff14;box-shadow:0 12px 35px #0000004d;transform:translateY(-3px)}.pricing-tier.featured{background:linear-gradient(135deg,#667eea26,#4b9ca226);border:2px solid #667eea66;transform:scale(1.05)}.pricing-tier.featured:hover{box-shadow:0 15px 40px #667eea4d;transform:scale(1.05) translateY(-3px)}.pricing-tier h5{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:15px}.pricing-tier .price{color:#667eea;font-size:2rem;font-weight:700;margin-bottom:8px}.pricing-tier .credits{color:#e0e0e0;font-size:1.1rem;font-weight:500;margin-bottom:10px}.pricing-tier .description{color:#b0b0b0;font-size:.9rem;margin:0}.action-buttons{align-items:center;display:flex;flex-direction:column;gap:20px}.action-button{border:none;border-radius:30px;cursor:pointer;font-size:clamp(1rem,2vw,1.2rem);font-weight:600;letter-spacing:1px;min-width:200px;overflow:hidden;padding:15px 40px;position:relative;text-transform:uppercase;transition:all .3s ease}.action-button.primary{background:linear-gradient(135deg,#667eea,#4b9ca2);box-shadow:0 8px 25px #667eea66;color:#fff}.action-button.primary:hover{box-shadow:0 12px 35px #667eea99;transform:translateY(-3px)}.action-button.secondary{background:#0000;border:2px solid #667eea;color:#667eea}.action-button.secondary:hover{background:#667eea;box-shadow:0 8px 25px #667eea66;color:#fff;transform:translateY(-3px)}@media (max-width:768px){.buy-credits-content{margin:10px;min-height:70vh;padding:30px 20px}.credit-features{gap:20px;grid-template-columns:1fr}.pricing-tiers{gap:15px;grid-template-columns:1fr}.pricing-tier.featured{transform:none}.pricing-tier.featured:hover{transform:translateY(-3px)}.action-buttons{gap:15px}.action-button{min-width:180px;padding:12px 30px}}@media (max-width:480px){.buy-credits-content{margin:5px;min-height:60vh;padding:25px 15px}.credits-title{margin-bottom:20px}.beta-notice{margin-bottom:30px;padding:20px}.feature-item{padding:15px}.pricing-tier{padding:20px}.action-button{font-size:.9rem;min-width:160px;padding:10px 25px}}@media (min-width:769px) and (max-width:1024px){.buy-credits-content{max-width:800px;padding:35px}.action-buttons{flex-direction:row;gap:20px;justify-content:center}}@media (min-width:1025px){.action-buttons{flex-direction:row;gap:25px;justify-content:center}.buy-credits-content{padding:50px}.credit-features{grid-template-columns:repeat(3,1fr)}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;transition:opacity .3s ease;width:100vw;z-index:998}.sidebar,.sidebar-overlay{height:100vh;left:0;position:fixed;top:0}.sidebar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border-right:1px solid #ffffff1a;display:flex;flex-direction:column;transition:transform .3s ease-in-out,z-index 0s ease-in-out .3s;width:280px}.sidebar-closed{transform:translateX(-100%);z-index:-1}.sidebar-open{transform:translateX(0);z-index:1000}.hamburger-button{align-items:center;background:linear-gradient(135deg,#667eea,#4b9ca2);border:none;border-radius:50%;box-shadow:0 4px 15px #667eea4d;cursor:pointer;display:flex;height:40px;justify-content:center;left:20px;position:fixed;top:20px;transition:all .3s ease-in-out;width:40px;z-index:1001}.hamburger-button.is-open{left:220px}.hamburger-button:hover{box-shadow:0 6px 20px #667eea66;transform:scale(1.1)}.hamburger-icon{display:flex;flex-direction:column;height:12px;justify-content:space-between;position:relative;width:16px}.hamburger-icon span{background:#fff;border-radius:1px;display:block;height:2px;transform-origin:center;transition:all .3s ease;width:100%}.hamburger-icon.open span:first-child{transform:rotate(45deg) translate(4px,4px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:nth-child(3){transform:rotate(-45deg) translate(4px,-4px)}.sidebar-content{display:flex;flex:1 1;flex-direction:column;opacity:1;overflow-y:auto;padding:20px 0;transition:opacity .2s ease}.sidebar-closed .sidebar-content{opacity:0}.sidebar-header{border-bottom:1px solid #ffffff1a;margin-bottom:20px;padding:0 20px 20px}.sidebar-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#4b9ca2);-webkit-background-clip:text;background-clip:text;color:#fff;font-size:1.2rem;font-weight:700;margin:0 0 5px}.sidebar-subtitle{color:#fff9;font-size:.9rem;margin:0}.sidebar-nav{flex:1 1;padding:0 10px}.nav-list{list-style:none;margin:0;padding:0}.nav-item{margin-bottom:5px}.nav-link{align-items:center;border-radius:10px;color:#e0e0e0;display:flex;font-weight:500;padding:12px 15px;text-decoration:none;transition:all .3s ease;white-space:nowrap}.nav-link:hover{background:#667eea1a;color:#667eea;transform:translateX(5px)}.nav-icon{font-size:1.2rem;margin-right:15px;min-width:20px;text-align:center}.nav-text{font-size:.95rem}.sidebar-footer{border-top:1px solid #ffffff1a;margin-top:auto;padding:20px}.logout-button{align-items:center;background:#e74c3c1a;border:1px solid #e74c3c4d;border-radius:10px;color:#e74c3c;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;padding:12px 15px;transition:all .3s ease;white-space:nowrap;width:100%}.logout-button:hover{background:#e74c3c33;transform:translateX(5px)}@media (max-width:768px){.sidebar{width:260px}.hamburger-button.is-open{left:200px}}@media (max-width:480px){.sidebar{width:240px}.hamburger-button.is-open{left:180px}}.beta-password-container{display:flex;flex-direction:column;justify-content:center;margin:auto;max-width:500px;min-height:60vh;text-align:center}.beta-password-form{display:flex;flex-direction:column;gap:20px;margin-top:20px}.error-message{color:#e74c3c;font-weight:500;margin-top:10px}.not-found-container{background-attachment:fixed;background-position:50%;background-repeat:no-repeat;background-size:cover;min-height:90vh;padding:20px}.not-found-container,.not-found-content{align-items:center;display:flex;justify-content:center;position:relative}.not-found-content{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#121212f2;border:1px solid #ffffff1a;border-radius:20px;box-shadow:0 20px 60px #00000080;flex-direction:column;margin:0 auto;max-width:800px;min-height:80vh;padding:40px;text-align:center;width:100%;z-index:2}.not-found-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#4b9ca2);-webkit-background-clip:text;background-clip:text;color:#667eea;font-size:clamp(4rem,8vw,8rem);font-weight:900;line-height:1;margin-bottom:10px;text-shadow:0 4px 20px #667eea99}.not-found-subtitle{color:#fff;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin-bottom:20px;text-shadow:0 2px 10px #00000080}.not-found-description{color:#e0e0e0;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1.6;margin-bottom:40px;max-width:600px;text-shadow:0 1px 3px #00000080}.not-found-buttons{align-items:center;display:flex;flex-direction:column;gap:20px}.not-found-button{align-items:center;border:none;border-radius:30px;cursor:pointer;display:flex;font-size:clamp(1rem,2vw,1.2rem);font-weight:600;justify-content:center;letter-spacing:1px;min-height:44px;min-width:200px;overflow:hidden;padding:15px 40px;position:relative;text-transform:uppercase;transition:all .3s ease}.not-found-button.primary{background:linear-gradient(135deg,#667eea,#4b9ca2);box-shadow:0 8px 25px #667eea66;color:#fff}.not-found-button.primary:hover{box-shadow:0 12px 35px #667eea99;transform:translateY(-3px)}.not-found-button.secondary{background:#0000;border:2px solid #667eea;color:#667eea}.not-found-button.secondary:hover{background:#667eea;box-shadow:0 8px 25px #667eea66;color:#fff;transform:translateY(-3px)}.not-found-logo{display:block;filter:drop-shadow(0 8px 25px rgba(102,126,234,.3));height:auto;max-width:clamp(120px,20vw,160px);transition:transform .3s ease;width:100%}.not-found-logo:hover{transform:scale(1.05) rotate(-2deg)}@media (max-width:768px){.not-found-content{border-radius:15px;margin:10px;min-height:70vh;padding:30px 20px}.not-found-buttons{gap:15px;width:100%}.not-found-button{max-width:280px;min-width:180px;padding:12px 30px;width:100%}.not-found-description{padding:0 10px}}@media (max-width:480px){.not-found-content{border-radius:12px;margin:5px;min-height:60vh;padding:25px 15px}.not-found-title{font-size:clamp(3rem,12vw,4rem);margin-bottom:5px}.not-found-subtitle{font-size:clamp(1.2rem,4vw,1.5rem);margin-bottom:15px}.not-found-description{font-size:clamp(.9rem,3vw,1rem);margin-bottom:30px;padding:0 5px}.not-found-button{font-size:.9rem;min-height:48px;min-width:160px;padding:12px 20px}.not-found-logo{margin-bottom:24px;max-width:clamp(100px,25vw,120px)}}@media (max-width:360px){.not-found-content{margin:3px;min-height:55vh;padding:20px 12px}.not-found-title{font-size:clamp(2.5rem,15vw,3rem)}.not-found-subtitle{font-size:clamp(1rem,5vw,1.2rem)}.not-found-description{font-size:clamp(.8rem,4vw,.9rem);line-height:1.5}.not-found-button{font-size:.85rem;min-width:140px;padding:10px 16px}.not-found-logo{margin-bottom:20px;max-width:clamp(80px,30vw,100px)}}@media (max-width:768px) and (orientation:landscape){.not-found-content{min-height:50vh;padding:20px 25px}.not-found-title{font-size:clamp(2.5rem,6vw,3.5rem);margin-bottom:5px}.not-found-subtitle{font-size:clamp(1.2rem,2.5vw,1.8rem);margin-bottom:10px}.not-found-description{font-size:clamp(.9rem,2vw,1.1rem);margin-bottom:20px}.not-found-buttons{flex-direction:row;gap:15px;justify-content:center}.not-found-button{min-width:140px;padding:10px 20px}}@media (min-width:769px) and (max-width:1024px){.not-found-content{max-width:600px;padding:35px}.not-found-buttons{flex-direction:row;gap:20px;justify-content:center}}@media (min-width:1025px){.not-found-buttons{flex-direction:row;gap:25px;justify-content:center}.not-found-content{padding:50px}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.not-found-button{border-width:1px}}@media (prefers-reduced-motion:reduce){.not-found-button,.not-found-logo{transition:none}.not-found-button:hover,.not-found-logo:hover{transform:none}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app-container{display:flex}.app-container,.main-content{min-height:100vh;position:relative}.main-content{flex:1 1;transition:margin-left .3s ease-in-out}.main-content.with-sidebar.sidebar-open{margin-left:280px}.main-content.with-sidebar.sidebar-closed{margin-left:0}@media (max-width:768px){.main-content.with-sidebar.sidebar-open{margin-left:260px}.main-content.with-sidebar.sidebar-closed{margin-left:0}}@media (max-width:480px){.main-content.with-sidebar.sidebar-open{margin-left:240px}.main-content.with-sidebar.sidebar-closed{margin-left:0}}.main-content>*{height:100%;width:100%}.onboarding-header{margin-bottom:2rem;text-align:center}.onboarding-form{gap:20px;margin:0 auto;max-width:500px}.form-group,.onboarding-form{display:flex;flex-direction:column}.form-group{gap:8px}.form-group label{font-size:1rem;font-weight:500}.onboarding-error{background:#ff6b6b1a;border:1px solid #ff6b6b4d;border-radius:8px;color:#ff6b6b;font-size:.95rem;margin-bottom:8px;padding:12px;text-align:center}@media (max-width:768px){.onboarding-form{gap:16px}.form-group label{font-size:.9rem}}@media (max-width:480px){.onboarding-form{gap:14px}.form-group label{font-size:.85rem}}
/*# sourceMappingURL=main.27dc4e20.css.map*/