body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar-left{flex:1 1}.navbar-right{align-items:center;display:flex;gap:20px}.login-btn,.navbar-right a{color:#333;font-weight:500;text-decoration:none;white-space:nowrap}*{box-sizing:border-box;font-family:Arial,sans-serif;margin:0;padding:0}#root,body,html{height:100vh;margin:0;padding:0!important}.container{display:flex;height:100vh;position:relative}.logo{color:#0071a5;font-size:32px;left:20px;position:absolute;top:20px}.left-container{align-items:center;background:linear-gradient(150deg,#fff,#d6d6d6);border-radius:10px 0 0 10px;box-shadow:5px 0 15px #0003;display:flex;flex:0.28 1;flex-direction:column;justify-content:center;overflow-y:auto;padding:50px}h2{font-size:28px;margin-bottom:10px}p{font-size:16px;margin-bottom:15px}form{display:flex;flex-direction:column;gap:0!important;max-width:300px;width:100%}input{background:#fffc;border:1px solid #fff;border-radius:5px;font-size:16px;margin-bottom:10px;padding:12px;transition:border .3s ease-in-out;width:100%}input:focus{border-color:#0091d5;box-shadow:0 0 5px #007bff80;outline:none}.button-group{margin-top:10px;max-width:300px;width:100%}button{background:#0071a5;border:none;border-radius:20px;color:#fff;cursor:pointer;display:block;font-size:16px;font-weight:700;margin:2.5px auto;padding:12px;text-align:center;transition:background .3s ease-in-out,transform .1s ease-in-out;width:40%}button:hover{background:#005b8e;transform:scale(1.05)}.error-message{margin-top:10px}.social-login{margin-bottom:15px;text-align:center}.google{background:#ffffffe6;border:none;border-radius:5px;color:#000;font-size:14px;font-weight:700;gap:10px;padding:12px;transition:background .3s ease-in-out;width:auto}.google:hover{background:#bbb}.right-container{background:url(https://degreesandcareers.info/wp-content/uploads/2021/12/8-1024x1024.png) no-repeat 50%;background-size:cover;flex:0.72 1}.search-container{align-items:center;margin-bottom:10px;position:relative;width:90%}.search-container input{border:1px solid #ccc;border-radius:5px;flex:1 1;padding:10px}.search-icon{background-color:#0071a5;border-radius:5px;margin-left:5px;padding:10px}.search-results,.selected-channel-container{background:#fff;border-radius:5px;box-shadow:0 2px 5px #0003;margin-top:10px;max-height:200px;max-width:300px;overflow-y:auto;padding:10px;width:100%}.channel-card{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;cursor:pointer;display:flex;gap:10px;overflow:hidden;padding:10px;width:100%}.channel-thumbnail img{border-radius:5px;height:60px;width:60px}.channel-info{flex:1 1;overflow:hidden}.channel-title{font-size:14px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.channel-description{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#555;display:-webkit-box;font-size:12px;overflow:hidden}.channel-date{color:#777;font-size:12px}.add-button{background:#0071a5;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:5px 10px}.add-button:hover{background:#005b8e}.signup-modal-body{align-items:center;background:#fff;border-radius:20px;box-shadow:0 8px 32px #0000001a;display:flex;flex-direction:column;margin:auto;padding:2rem;position:relative;width:400px}.signup-header{align-items:center;display:flex;justify-content:space-between;width:100%}.logo{font-size:24px}.close-btn{background:#0000}.signup-form{display:flex;flex-direction:column;gap:10px;margin-top:1rem;width:100%}.signup-form input{border:1px solid #ddd;border-radius:8px;font-size:14px;padding:10px}.google{align-items:center;background:#fff;border:1px solid #ccc;border-radius:6px;cursor:pointer;display:flex;font-weight:600;gap:8px;justify-content:center;padding:8px}.button-group{display:flex;justify-content:space-between;margin-top:1rem}.error-message{font-size:14px;margin-top:1rem}.dashboard-container{display:flex;font-family:Arial,sans-serif;height:100vh}.sidebar{background-color:#2c3e50;color:#ecf0f1;overflow-y:auto;padding:20px;width:25%}.main-content{background-color:#ecf0f1;padding:20px;width:75%}.logo{font-size:28px;margin-bottom:30px}.logo,.profile{text-align:center}.profile{margin-bottom:20px}.profile-image{border-radius:50%;height:60px;width:60px}.profile-title{font-size:16px;font-weight:700;margin-top:10px}.button{background-color:#34495e;border:none;border-radius:5px;color:#ecf0f1;margin:10px 0;padding:10px 15px}.button,.sub-button{cursor:pointer;text-align:left;width:100%}.sub-button{background-color:#3b5998;border:none;border-radius:4px;color:#fff;margin:5px 0;padding:8px 12px}.channel-item{align-items:center;background-color:#1abc9c;border-radius:8px;cursor:pointer;display:flex;margin:10px 0;padding:10px}.channel-thumbnail{border-radius:5px;height:40px;margin-right:10px;width:40px}.search-container{display:flex;margin-top:10px}.search-bar{border:1px solid #ccc;border-radius:4px 0 0 4px;flex:1 1;padding:8px}.search-icon{background-color:#2980b9;border:none;border-radius:0 4px 4px 0;color:#fff;cursor:pointer;padding:8px 12px}body{background-color:initial;font-family:Roboto,sans-serif;margin:0;padding:20px}.container{background:#e0eaff;border-radius:15px;color:#180e3f;margin:0 auto;max-width:100%;padding:20px}.comment-container,.video-containers{display:flex;gap:16px;height:40vh;justify-content:space-between;margin-bottom:20px}.video-container{background:#c7d9ff;border-radius:10px;display:flex;flex-direction:column;padding:10px;width:50%}.video-container h3{color:#180e3f;font-size:16px;margin:0 0 10px;padding-left:10px;text-align:left}.video-list{background:#0000;border-radius:10px;flex:1 1;margin:0 10px;overflow-y:auto;padding:5px}.video-item{align-items:center;border-radius:20px;cursor:pointer;display:flex;margin-bottom:5px;padding:5px}.video-item:hover{background:#acc7ff}.video-item img{border-radius:5px;height:30px;margin-right:10px;width:30px}.video-item span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px;text-align:center}.header p{color:#180e3f;font-size:25px;margin-bottom:10px}.image-section{border-radius:10px;display:flex;flex-direction:column;padding:10px;width:30%}.youtube-thumbnail{border:2px solid #000;border-radius:50%;height:100%;width:100%}.comment-section{background:#f4f4f4;border-radius:10px;display:flex;flex-direction:column;overflow-y:auto;padding:10px;width:70%}.comment-box{background-color:initial;margin-bottom:2px;padding:2px}.comment-box:hover{background:#c7d9ff;border-radius:15px}.comment-text{margin:0}.reply-text{color:#555;font-size:.9em;margin-top:2px}.reply-input{background-color:initial;border:1px solid #ccc;border-radius:4px;font-size:14px;padding:5px 10px;width:90%}.reply-input:focus{border-color:#333;outline:none}.error-message{color:red;padding:20px;text-align:center}.reply-all-btn{background:#0000;border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:8px 15px}.reply-all-btn:hover{background:#c7d9ff;border:2px solid #000}.navbar{align-items:center;background-color:#fff;box-shadow:0 2px 4px #0000000d;display:flex;flex-wrap:wrap;justify-content:space-between;padding:18px 48px}.logo{color:#000;font-size:20px;font-weight:700;white-space:nowrap}.nav-links{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.login-btn,.nav-links a{color:#333;font-weight:500;text-decoration:none;white-space:nowrap}.login-btn{background-color:#fff;border:1px solid #e5e7eb;border-radius:6px;padding:6px 12px}.get-started-btn{background-color:#2563eb;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:500;padding:8px 16px;width:100%}.home-body{background-color:#f9fafb;background:linear-gradient(90deg,#f5f7fa,#364865);color:#111827;height:calc(100vh - 70px)}.modal-overlay{background:#0009;height:100vh;width:100vw}.modal-content{box-shadow:0 5px 30px #0000004d}.close-btn{color:gray;font-size:24px;padding:0;right:16px;top:1px;width:2%!important}.close-btn:hover{background:#fff;transform:scale(1.05)}.signup-button{margin-top:10px!important;width:100%!important}.rotating-quote{animation:fadein 1s ease-in-out;color:#333;font-size:1.2rem;margin-top:10px}@keyframes fadein{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.home-wrapper{background:linear-gradient(135deg,#f0f2f5,#dbeafe,#e0f2f1);height:100vh}.home-body{align-items:center;animation:fadeIn 1s ease-in-out;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:2rem}.home-title{color:#111827}.rotating-quote{animation:fadeText 3s ease-in-out;color:#374151;font-size:1.5rem;max-width:600px;transition:opacity .1s ease-in-out}@keyframes fadeText{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.footer{background:#f1f3f4;border-top:1px solid #ccc;color:#333;font-size:14px;margin-top:60px;padding:2rem 1rem}.footer-content a{color:#3b82f6}.footer-content .disclaimer{color:#666;font-size:12px}body,html{background:linear-gradient(90deg,#dbeafe,#1e3a8a);color:#111827;font-family:Segoe UI,sans-serif;margin:0;padding:0}.home-wrapper{display:flex;flex-direction:column;min-height:100vh}.home-body{animation:fadeIn 1s ease-in;background:linear-gradient(90deg,#f8fafc,#e0e7ff);flex:1 1;padding:6rem 1rem 4rem;text-align:center}.home-title{color:#1e293b;font-size:3rem;font-weight:700;margin-bottom:1rem}.rotating-quote{color:#4b5563;font-size:1.3rem;transition:opacity .6s ease}.analytics-section{background:#f9fafb;padding:3rem 1rem;text-align:center}.analytics-heading{color:#1f2937;font-size:1.8rem;font-weight:600;margin-bottom:2rem}.chart-grid{flex-wrap:wrap;gap:2rem}.chart-grid,.dummy-chart{display:flex;justify-content:center}.dummy-chart{align-items:flex-end;background:linear-gradient(to top right,#e2e8f0,#cbd5e1);border-radius:12px;box-shadow:0 4px 10px #0000000f;color:#111827;font-weight:500;height:180px;padding:1rem;position:relative;width:280px}.dummy-chart:before{background-image:repeating-linear-gradient(90deg,#1e40af,#1e40af 8%,#0000 0,#0000 16%);background-size:100% 100%;border-radius:8px;bottom:1.5rem;content:"";height:50%;opacity:.3;position:absolute;width:90%}.modal-overlay{align-items:center;background:#11182799;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-height:90vh;max-width:500px;overflow-y:auto;padding:2rem;position:relative;width:90%}.close-btn{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;position:absolute;right:1rem;top:.5rem}.footer{background:#f3f4f6;border-top:1px solid #d1d5db;color:#4b5563;font-size:13px;padding:1.5rem 1rem;text-align:center}.footer-content a{color:#2563eb;text-decoration:none}.footer-content a:hover{text-decoration:underline}.footer-content .disclaimer{color:#6b7280;font-size:11px;margin-top:.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.chart-container{background:#f9fafb;border-radius:16px;box-shadow:0 6px 20px #0000001a;margin:50px auto;max-width:900px;padding:30px}.chart-title{font-size:1.5rem;margin-bottom:20px}.dashboard-wrapper{margin:60px auto;max-width:1000px;padding:0 20px}.chart-title{color:#111827}.chart-block{background:#f9fafb;border-radius:16px;box-shadow:0 10px 30px #0000000d;margin-bottom:60px;padding:30px}.chart-block h3{color:#1f2937;margin-bottom:20px}.dashboard-wrapper{margin:100px auto;max-width:1300px;padding:20px}.chart-title{color:#1f2937;font-size:2rem;margin-bottom:40px;text-align:center}.charts-row{display:flex;flex-direction:row;flex-wrap:wrap;gap:20px;justify-content:space-between}.chart-container{background:#fff;border-radius:12px;box-shadow:0 6px 20px #0000000d;flex:1 1;min-width:300px;padding:20px}.chart-container h3{color:#111827;font-size:1.1rem;margin-bottom:10px;text-align:center}.subscription-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin:40px auto;max-width:600px;padding:24px}.subscription-title{margin-bottom:32px;text-align:center}.subscription-plans{display:flex;flex-direction:column;gap:24px}.subscription-plan{align-items:flex-start;border:1px solid #e0e0e0;border-radius:8px;display:flex;flex-direction:column;padding:20px}.subscription-plan-name{margin:0}.subscription-plan-price{color:#4f46e5;font-size:22px;font-weight:600;margin:8px 0}.subscription-plan-info{color:#555;margin-bottom:8px}.subscription-plan-description{margin-bottom:16px}.subscription-plan-button{background:#4f46e5;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 20px}
/*# sourceMappingURL=main.ad3fb98e.css.map*/