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;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.signup-page{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.signup-container{background:#fff;border-radius:15px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px 30px;text-align:center;width:100%}.signup-header h3{color:#333;font-size:28px;margin-bottom:10px}.signup-header p{color:#666;margin-bottom:30px}.signup-form .form-group{margin-bottom:20px;position:relative}.signup-form input{border:1px solid #ccc;border-radius:10px;font-size:16px;outline:none;padding:15px;transition:.3s;width:100%}.signup-form input:focus{border-color:#2575fc;box-shadow:0 0 5px #2575fc80}.error-message{color:#e74c3c;font-size:14px;margin-bottom:15px}.btn-submit{background:#2575fc;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;padding:15px;transition:.3s;width:100%}.btn-submit:hover{background:#6a11cb}.signup-footer{color:#555;font-size:14px;margin-top:20px}.signup-footer a{color:#2575fc;font-weight:600;text-decoration:none}.signup-footer a:hover{text-decoration:underline}.login-page{align-items:center;background:linear-gradient(135deg,#6a11cb,#2575fc);display:flex;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;justify-content:center;min-height:100vh}.login-container{background:#fff;border-radius:15px;box-shadow:0 10px 25px #0003;max-width:400px;padding:40px 30px;text-align:center;width:100%}.login-logo img{margin-bottom:20px;width:120px}.login-container h2{color:#333;font-size:28px;margin-bottom:10px}.login-container p{color:#666;margin-bottom:30px}.login-form .form-group{margin-bottom:20px;position:relative}.login-form input{border:1px solid #ccc;border-radius:10px;font-size:16px;outline:none;padding:10px;transition:.3s;width:100%}.login-form input:focus{border-color:#2575fc;box-shadow:0 0 5px #2575fc80}.password-group{position:relative}.password-toggle{color:#888;cursor:pointer;position:absolute;right:15px;top:50%;transform:translateY(-50%)}.btn-login{background:#2575fc;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:18px;padding:15px;transition:.3s;width:100%}.btn-login:hover{background:#6a11cb}.error{color:#e74c3c;font-size:14px;margin-bottom:15px}.signup-text{color:#555;font-size:14px;margin-top:20px}.signup-text a{color:#2575fc;font-weight:600;text-decoration:none}.signup-text a:hover{text-decoration:underline}.admin-container{background:#fff;border-radius:12px;box-shadow:0 5px 20px #0000001a;margin:40px auto;max-width:800px;padding:30px}.title{color:#333;margin-bottom:25px;text-align:center}.contest-form{display:flex;flex-direction:column;gap:15px}.contest-form input{border:1px solid #ddd;border-radius:6px;font-size:15px;padding:12px;transition:.3s}.contest-form input:focus{border-color:#6a11cb;outline:none}.questions-section{background:#f9f9f9;border-radius:6px;padding:15px}.questions-section label{color:#444;display:block;font-weight:700;margin-bottom:8px}.question-row{align-items:center;display:flex;gap:10px;margin-bottom:8px}.question-row input{flex:1 1}.add-btn,.remove-btn,.submit-btn{border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:.2s}.add-btn{background:#e9e9ff;color:#4a4aff;font-size:14px;padding:8px 12px}.remove-btn{background:#ff4d4d;color:#fff;padding:5px 10px}.submit-btn{background:linear-gradient(90deg,#6a11cb,#2575fc);color:#fff;font-size:16px;margin-top:10px;padding:12px}.submit-btn:hover{background:linear-gradient(90deg,#2575fc,#6a11cb)}.message{color:#2ecc71;font-weight:500;margin-top:15px;text-align:center}.contest-list{margin-top:40px}.contest-list h3{color:#444;margin-bottom:15px}.contest-list ul{list-style:none;padding:0}.contest-list li{background:#f8f8f8;border-left:4px solid #6a11cb;border-radius:6px;margin-bottom:10px;padding:10px 15px}.navbar{background-color:#282c34;box-shadow:0 3px 5px #0000001a;color:#fff;padding:10px 20px}.navbar-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1200px}.logo-container{align-items:center;display:flex;gap:10px}.logo-img{height:auto;width:120px}.logo-text{color:#fff;font-size:20px;font-weight:700;text-decoration:none}.nav-links{align-items:center;display:flex;gap:20px;list-style:none}.nav-links a{color:#fff;font-weight:500;text-decoration:none;transition:.2s}.nav-links a:hover{color:#6a11cb}.logout-btn{background:#e74c3c;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 12px}.logout-btn:hover{background:#c0392b}.contest-count{background:red;border-radius:10px;color:#fff;font-size:13px;margin-left:4px;padding:2px 8px}.hamburger{cursor:pointer;display:none;flex-direction:column;gap:5px}.hamburger span{background:#fff;border-radius:3px;height:3px;transition:.3s;width:25px}.hamburger.open span:first-child{transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}@media (max-width:900px){.hamburger{display:flex}.nav-links{display:none;flex-direction:column;gap:10px;margin-top:10px;width:100%}.nav-links.active{display:flex}.logout-btn,.nav-links a{padding:8px 12px;text-align:left;width:100%}.contest-count{float:right}}.contest-page{background-color:#f8f9fa;min-height:100vh;padding:20px}.page-title{color:#333}.contest-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);padding:10px}.contest-card{background:linear-gradient(150deg,#75c7eb,#c5ff7a,#77dca8);border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;height:auto;justify-content:center;min-height:250px;padding:20px;text-align:center;width:50%}.contest-card:hover{box-shadow:0 6px 14px #00000026;transform:translateY(-5px)}.contest-name{color:#000;font-size:20px;margin-bottom:10px}.contest-info{color:#211c1c;font-size:16px;margin-bottom:8px}.contest-time{color:#090606;font-size:14px;margin-bottom:8px}.error,.loading,.no-contests{font-size:16px;text-align:center}.add-btn{background-color:#4caf50;border:none;border-radius:5px;color:#fff;cursor:pointer;margin-bottom:15px;padding:10px 20px}.add-btn:hover{background-color:#45a049}.contest-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-top:10px}.remove-btn,.view-btn{border:none;border-radius:4px;color:#fff;cursor:pointer;padding:8px 12px}.view-btn{background-color:#2196f3}.view-btn:hover{background-color:#1976d2}.remove-btn{background-color:#f44336}.remove-btn:hover{background-color:#d32f2f}@media (max-width:1200px){.contest-container{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.contest-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.contest-container{grid-template-columns:1fr}.contest-card{min-height:200px;padding:15px}.page-title{font-size:20px}.contest-info,.contest-time{font-size:14px}.add-btn,.remove-btn,.view-btn{margin-bottom:5px;width:100%}.contest-actions{flex-direction:column;gap:8px}}.users-page{padding:20px}.users-table{border-collapse:collapse;width:100%}.users-table td,.users-table th{border:1px solid #ddd;padding:8px}.users-table th{background-color:#f2f2f2;text-align:left}.users-table tr:hover{background-color:#f9f9f9}.modal{align-items:center;background-color:#000c;display:flex;height:100%;justify-content:center;left:0;padding:20px;position:fixed;top:0;width:100%;z-index:1000}.modal-content{border-radius:8px;height:auto;max-height:80%;max-width:80%;object-fit:contain;width:auto}.close{color:#fff;cursor:pointer;font-size:40px;font-weight:700;position:absolute;right:30px;top:20px}.submission-list{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);justify-items:center}.submission-card{align-items:center;border:1px solid #ccc;border-radius:8px;box-shadow:0 2px 6px #0000001a;display:flex;flex-direction:column;padding:15px;text-align:center;width:160px}.submission-img{border-radius:5px;cursor:pointer;height:100px;margin-bottom:10px;object-fit:cover;width:100%}.dashboard-container{padding:20px}.card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-top:20px}.dashboard-card{background:linear-gradient(135deg,#f6d365,#fda085);border-radius:8px;box-shadow:0 2px 8px #0000001a;cursor:pointer;padding:30px 20px;text-align:center;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{box-shadow:0 4px 12px #0003;transform:translateY(-5px)}.card-extra{color:#212490;font-size:14px;margin-top:10px}@media (max-width:1200px){.card-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.card-grid{grid-template-columns:repeat(2,1fr)}.dashboard-card{padding:20px 15px}}.prize-page{background-color:#f4f7fb;min-height:100vh;padding:20px}.page-title{color:#222;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.contest-box{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000001a;margin-bottom:25px;padding:20px;transition:.3s ease}.contest-box:hover{transform:translateY(-3px)}.contest-header{align-items:center;display:flex;justify-content:space-between}.toggle-btn{background-color:#007bff;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:8px 14px}.toggle-btn:hover{background-color:#0056b3}.results-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:15px}.result-card{background:linear-gradient(135deg,#e0f7fa,#f1f8e9);border-radius:10px;box-shadow:0 2px 8px #00000014;padding:15px;text-align:left;transition:transform .2s ease}.result-card:hover{transform:scale(1.03)}.result-card h4{color:#00796b;font-size:16px;margin-bottom:8px}.result-card p{font-size:14px;margin:5px 0}.result-card .date{color:#666;font-size:12px;margin-top:5px;text-align:right}@media (max-width:600px){.results-grid{grid-template-columns:1fr}.toggle-btn{font-size:13px;padding:6px 10px}.result-card{padding:12px}}:root{--swiper-theme-color:#007aff}:host{display:block;margin-left:auto;margin-right:auto;position:relative;z-index:1}.swiper{display:block;list-style:none;margin-left:auto;margin-right:auto;overflow:hidden;padding:0;position:relative;z-index:1}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{box-sizing:initial;display:flex;height:100%;position:relative;transition-property:transform;transition-timing-function:ease;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);width:100%;z-index:1}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{display:block;flex-shrink:0;height:100%;position:relative;transition-property:transform;width:100%}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0)}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px;.swiper-cube-shadow,.swiper-slide{transform-style:preserve-3d}}.swiper-css-mode{>.swiper-wrapper{-ms-overflow-style:none;overflow:auto;scrollbar-width:none;&::-webkit-scrollbar{display:none}}>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}&.swiper-horizontal{>.swiper-wrapper{scroll-snap-type:x mandatory}}&.swiper-vertical{>.swiper-wrapper{scroll-snap-type:y mandatory}}&.swiper-free-mode{>.swiper-wrapper{scroll-snap-type:none}>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}}&.swiper-centered{>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}}&.swiper-centered.swiper-horizontal{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-start:var(--swiper-centered-offset-before);margin-inline-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}}&.swiper-centered.swiper-vertical{>.swiper-wrapper>.swiper-slide:first-child{-webkit-margin-before:var(--swiper-centered-offset-before);margin-block-start:var(--swiper-centered-offset-before)}>.swiper-wrapper:before{height:var(--swiper-centered-offset-after);min-width:1px;width:100%}}}.swiper-3d{.swiper-slide-shadow,.swiper-slide-shadow-bottom,.swiper-slide-shadow-left,.swiper-slide-shadow-right,.swiper-slide-shadow-top{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.swiper-slide-shadow{background:#00000026}.swiper-slide-shadow-left{background-image:linear-gradient(270deg,#00000080,#0000)}.swiper-slide-shadow-right{background-image:linear-gradient(90deg,#00000080,#0000)}.swiper-slide-shadow-top{background-image:linear-gradient(0deg,#00000080,#0000)}.swiper-slide-shadow-bottom{background-image:linear-gradient(180deg,#00000080,#0000)}}.swiper-lazy-preloader{border:4px solid #007aff;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top:4px solid #0000;box-sizing:border-box;height:42px;left:50%;margin-left:-21px;margin-top:-21px;position:absolute;top:50%;transform-origin:50%;width:42px;z-index:10}.swiper-watch-progress .swiper-slide-visible,.swiper:not(.swiper-watch-progress){.swiper-lazy-preloader{animation:swiper-preloader-spin 1s linear infinite}}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.swiper-pagination{position:absolute;text-align:center;transform:translateZ(0);transition:opacity .3s;z-index:10;&.swiper-pagination-hidden{opacity:0}&.swiper-pagination-disabled,.swiper-pagination-disabled>&{display:none!important}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:8px;bottom:var(--swiper-pagination-bottom,8px);left:0;top:auto;top:var(--swiper-pagination-top,auto);width:100%}.swiper-pagination-bullets-dynamic{font-size:0;overflow:hidden;.swiper-pagination-bullet{position:relative;transform:scale(.33)}.swiper-pagination-bullet-active,.swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullet-active-next-next{transform:scale(.33)}}.swiper-pagination-bullet{background:#000;background:var(--swiper-pagination-bullet-inactive-color,#000);border-radius:50%;border-radius:var(--swiper-pagination-bullet-border-radius,50%);display:inline-block;height:8px;height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));opacity:.2;opacity:var(--swiper-pagination-bullet-inactive-opacity,.2);width:8px;width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));button&{-webkit-appearance:none;appearance:none;border:none;box-shadow:none;margin:0;padding:0}.swiper-pagination-clickable &{cursor:pointer}&:only-child{display:none!important}}.swiper-pagination-bullet-active{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));opacity:1;opacity:var(--swiper-pagination-bullet-opacity,1)}.swiper-pagination-vertical.swiper-pagination-bullets,.swiper-vertical>.swiper-pagination-bullets{left:auto;left:var(--swiper-pagination-left,auto);right:8px;right:var(--swiper-pagination-right,8px);top:50%;transform:translate3d(0,-50%,0);.swiper-pagination-bullet{display:block;margin:6px 0;margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0}&.swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px;.swiper-pagination-bullet{display:inline-block;transition:transform .2s,top .2s}}}.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets{.swiper-pagination-bullet{margin:0 4px;margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}&.swiper-pagination-bullets-dynamic{left:50%;transform:translateX(-50%);white-space:nowrap;.swiper-pagination-bullet{transition:transform .2s,left .2s}}}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:transform .2s,right .2s}.swiper-pagination-fraction{color:inherit;color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:#00000040;background:var(--swiper-pagination-progressbar-bg-color,#00000040);position:absolute;.swiper-pagination-progressbar-fill{background:var(--swiper-theme-color);background:var(--swiper-pagination-color,var(--swiper-theme-color));height:100%;left:0;position:absolute;top:0;transform:scale(0);transform-origin:left top;width:100%}.swiper-rtl & .swiper-pagination-progressbar-fill{transform-origin:right top}&.swiper-pagination-horizontal,&.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,.swiper-horizontal>&,.swiper-vertical>&.swiper-pagination-progressbar-opposite{height:4px;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0;width:100%}&.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite,&.swiper-pagination-vertical,.swiper-horizontal>&.swiper-pagination-progressbar-opposite,.swiper-vertical>&{height:100%;left:0;top:0;width:4px;width:var(--swiper-pagination-progressbar-size,4px)}}.swiper-pagination-lock{display:none}.agree-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;position:relative;width:100%}.agree-swiper{height:100%;position:relative;width:100%;z-index:1}.agree-slide{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:100%;justify-content:center;padding:20px;text-align:center}.agree-illustration{height:auto;margin:20px auto;max-width:320px;width:80%}.agree-title{color:#222;font-size:22px;font-weight:700;margin:10px 0}.agree-description{color:#555;font-size:15px;line-height:1.6;max-width:90%}.agree-terms{color:#777;font-size:.9rem;margin-bottom:20px}.agree-link{color:#007bff;font-weight:700;text-decoration:none}.slide-next-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;margin-top:20px;padding:12px 24px;transition:.3s ease}.slide-next-btn:hover{background-color:#0056b3}.swiper-pagination-bullet{background:#bbb!important;opacity:1!important}.swiper-pagination-bullet-active{background:#4a5de3!important}.agree-footer{bottom:30px;display:flex;justify-content:center;left:0;position:fixed;width:100%;z-index:9999}.agree-button-fixed{background-color:#007bff;border:none;border-radius:25px;box-shadow:0 4px 10px #00000026;color:#fff;cursor:pointer;font-size:1rem;font-weight:700;padding:15px 30px;transition:background .3s}.agree-button-fixed:hover{background-color:#0056b3}@media (max-width:600px){.agree-title{font-size:1.3rem}.agree-description{font-size:.9rem}.agree-illustration{width:90%}.agree-button-fixed{padding:14px 20px;width:80%}}.terms-container{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;font-family:Poppins,sans-serif;margin:60px auto;max-width:800px;padding:20px}.terms-title{color:#222;font-size:28px;font-weight:700;margin-bottom:20px;text-align:center}.terms-intro{color:#555;font-size:16px;line-height:1.6;margin-bottom:25px;text-align:justify}.terms-section{margin-bottom:20px}.terms-section h2{color:#111;font-size:20px;margin-bottom:8px}.terms-section p{color:#444;font-size:15px;line-height:1.6;text-align:justify}.terms-footer{color:#333;font-size:15px;margin-top:30px;text-align:center}.terms-footer a{color:#007bff;text-decoration:none}.terms-footer a:hover{text-decoration:underline}.terms-thanks{color:#111;font-weight:600;margin-top:15px;text-align:center}@media (max-width:600px){.terms-container{margin:20px;padding:15px}.terms-title{font-size:22px}.terms-section h2{font-size:18px}.terms-section p{font-size:14px}}.mobile-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;text-align:center}.mobile-title{color:#111;font-size:22px;font-weight:600;margin-bottom:10px}.mobile-subtitle{color:#777;font-size:14px;margin-bottom:25px}.mobile-form{flex-direction:column;max-width:360px}.mobile-form,.mobile-input-group{align-items:center;display:flex;width:100%}.mobile-input-group{border-bottom:2px solid #ccc;margin-bottom:25px;padding:8px 0}.mobile-prefix{color:#111;font-size:18px;margin-right:8px}.mobile-input{border:none;color:#111;flex:1 1;font-size:18px;outline:none}.otp-input{border:2px solid #ccc;border-radius:8px;font-size:18px;margin-bottom:25px;padding:12px;text-align:center;width:100%}.mobile-info{color:#888;font-size:13px;margin-bottom:15px}.mobile-btn{background-color:#ccc;border:none;border-radius:30px;color:#de4444;font-size:16px;font-weight:600;padding:14px 0;transition:.3s ease;width:100%}.mobile-btn:hover{background-color:#007bff}@media (max-width:600px){.mobile-title{font-size:20px}.mobile-subtitle{font-size:13px}.mobile-input{font-size:16px}.mobile-btn{font-size:15px}}.sidebar-container{background-color:#fff;box-shadow:2px 0 5px #0000001a;color:#000;display:flex;flex-direction:column;font-family:Poppins,sans-serif;height:100vh;justify-content:space-between;max-width:350px;padding:20px;width:80%}.sidebar-profile{align-items:center;border-bottom:1px solid #eee;display:flex;gap:15px;padding-bottom:15px}.profile-pic img{border-radius:50%;height:60px;width:60px}.profile-info h3{font-size:16px;margin:0}.profile-info p{color:gray;font-size:13px;margin:2px 0 0}.sidebar-menu{flex:1 1;list-style:none;padding:20px 0}.sidebar-menu li{align-items:center;cursor:pointer;display:flex;gap:12px;padding:10px 0;transition:.3s}.sidebar-menu li:hover{color:#007bff}.sidebar-bottom{border-top:1px solid #eee;padding-top:15px}.battery-card,.update-card{background:#f5f5f5;border-radius:10px;margin-bottom:10px;padding:10px}.battery-card button,.update-card button{background:none;border:none;color:#007bff;cursor:pointer;font-weight:700;padding:0}.night-mode-toggle{align-items:center;display:flex;justify-content:space-between;margin-top:15px}.switch{display:inline-block;height:20px;position:relative;width:38px}.switch input{display:none}.slider{background-color:#ccc;border-radius:20px;bottom:0;cursor:pointer;left:0;right:0;top:0}.slider,.slider:before{position:absolute;transition:.3s}.slider:before{background:#fff;border-radius:50%;bottom:2px;content:"";height:16px;left:2px;width:16px}input:checked+.slider{background-color:#007bff}input:checked+.slider:before{transform:translateX(18px)}.dark-mode{background-color:#121212;color:#fff}.dark-mode .battery-card,.dark-mode .update-card{background-color:#1f1f1f}.dark-mode .slider{background-color:#555}.notification-item{align-items:center;display:flex;gap:8px;position:relative}.notification-badge{background:red;border-radius:12px;color:#fff;font-size:12px;margin-left:auto;padding:2px 8px}.chat-window{background:#fff;border-radius:8px;box-shadow:0 2px 6px #0000000f;display:flex;flex-direction:column;font-family:Inter,Segoe UI,Roboto,sans-serif;height:100%;overflow:hidden}.chat-header{background:#f8f9fb;border-bottom:1px solid #eee;padding:10px 12px}.chat-header-left{align-items:center;display:flex;gap:10px}.chat-header-avatar{border:2px solid #e6e9ef;border-radius:50%;height:44px;object-fit:cover;width:44px}.chat-header-meta h4{font-size:16px;margin:0}.chat-header-sub{color:#6b7280;font-size:12px}.chat-body{background:#f7f8fb;display:flex;flex:1 1;flex-direction:column;gap:10px;justify-content:flex-end;overflow-y:auto;padding:12px}.chat-message{display:flex;max-width:100%}.chat-message.sent{justify-content:flex-end}.chat-message.received{justify-content:flex-start}.chat-bubble{border-radius:14px;box-shadow:0 1px 0 #00000005;font-size:14px;line-height:1.25;max-width:76%;padding:10px 12px;position:relative}.chat-message.sent .chat-bubble{background:#007bff;border-bottom-right-radius:4px;color:#fff}.chat-message.received .chat-bubble{background:#fff;border:1px solid #e6e9ef;border-bottom-left-radius:4px;color:#111827}.chat-ts{bottom:6px;color:#00000073;font-size:11px;position:absolute;right:8px;transform:translateY(0)}.chat-message.sent .chat-ts{color:#ffffffbf}.chat-text{margin:0 0 18px;white-space:pre-wrap;word-break:break-word}.chat-image,.chat-video{border-radius:10px;display:block;max-height:320px;max-width:320px;object-fit:cover}.chat-bubble.media{padding:6px}.chat-footer{background:#fff;border-top:1px solid #eee;padding:8px}.chat-footer,.left-controls{align-items:center;display:flex;gap:8px}.file-label{display:inline-flex;-webkit-user-select:none;user-select:none}.file-label,.rec-btn{cursor:pointer;font-size:18px;padding:6px}.rec-btn{background:#0000;border:none}.rec-btn.recording{color:#d32f2f;font-weight:700}.text-input{border:1px solid #e6e9ef;border-radius:22px;flex:1 1;font-size:14px;outline:none;padding:10px 12px}.send-btn{align-items:center;background:#007bff;border:none;border-radius:50%;color:#fff;cursor:pointer;display:inline-flex;font-size:16px;height:40px;justify-content:center;width:40px}@media (max-width:700px){.chat-image,.chat-video{max-height:220px;max-width:220px}.chat-header-avatar{height:36px;width:36px}.chat-ts{bottom:6px;font-size:10px;right:6px}}.chat-main-layout{background-color:#f2f2f2;display:flex;flex-direction:column;height:100vh;overflow:hidden}.sidebar-wrapper{background-color:#fff;border-right:1px solid #ddd;height:100%;left:-320px;position:fixed;top:0;transition:left .3s ease;width:320px;z-index:20}.sidebar-wrapper.open{left:0}.sidebar-overlay{background-color:#0006;bottom:0;left:0;position:fixed;right:0;top:0;z-index:10}.chat-main-content{display:flex;flex:1 1;flex-direction:column;height:100%;position:relative}.chat-header{align-items:center;background:#08c;color:#fff;display:flex;flex-shrink:0;gap:10px;padding:15px}.menu-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:22px}.chat-list{background:#fff;flex:1 1;height:100%;overflow-y:auto;padding-bottom:80px}.chat-list::-webkit-scrollbar{width:6px}.chat-list::-webkit-scrollbar-thumb{background-color:#0003;border-radius:3px}.chat-list::-webkit-scrollbar-track{background-color:initial}.chat-item{align-items:center;border-bottom:1px solid #eee;cursor:pointer;display:flex;padding:12px;transition:background .2s ease}.chat-item:hover{background-color:#f5f5f5}.chat-avatar{border-radius:50%;height:55px;margin-right:15px;object-fit:cover;width:55px}.chat-info{flex:1 1}.chat-name{font-size:16px;font-weight:600}.chat-message{color:#777;font-size:14px}.fab{background-color:#08c;border:none;border-radius:50%;bottom:25px;box-shadow:0 4px 10px #0000004d;color:#fff;cursor:pointer;font-size:24px;height:55px;position:absolute;right:25px;width:55px}.back-btn{background:none;border:none;cursor:pointer;font-size:22px;margin-right:10px}.unread-badge{background-color:#25d366;border-radius:50%;color:#fff;font-size:12px;font-weight:700;margin-left:8px;min-width:20px;padding:4px 8px;text-align:center}.modal-overlay{align-items:center;background:#00000080;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:20}.modal-box{background:#fff;border-radius:10px;padding:20px;position:relative;text-align:center;width:300px}.modal-box input{border:1px solid #ccc;border-radius:5px;margin-bottom:10px;padding:8px;width:90%}.modal-box button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:8px 15px}.modal-msg{color:green;font-size:13px;margin-top:8px}.close-btn{background:#0000;border:none;cursor:pointer;font-size:18px;position:absolute;right:8px;top:6px}.pending-requests-box{background:#f8f9fa;border-radius:10px;margin-bottom:10px;padding:10px}.pending-request-card{align-items:center;background:#fff;border:1px solid #eee;border-radius:8px;display:flex;gap:10px;margin-top:10px;padding:10px}.pending-avatar{border-radius:50%;height:45px;width:45px}.accept-btn{background:#25d366}.accept-btn,.reject-btn{border:none;border-radius:6px;color:#fff;padding:5px 12px}.reject-btn{background:#ff3b30}.profile-container{font-family:Poppins,sans-serif;margin:0 auto;max-width:400px;padding:25px;text-align:center}.profile-title{font-size:22px;font-weight:600;margin-bottom:5px}.profile-subtitle{color:gray;font-size:14px;margin-bottom:20px}.profile-form{align-items:center;display:flex;flex-direction:column}.profile-image-section{margin-bottom:20px}.image-upload-label{cursor:pointer;display:inline-block}.upload-placeholder{align-items:center;background-color:#f1f1f1;color:#aaa;display:flex;font-size:35px;justify-content:center}.profile-preview,.upload-placeholder{border-radius:50%;height:100px;width:100px}.profile-preview{object-fit:cover}.upload-text{color:gray;font-size:13px;margin-top:8px}.profile-inputs{display:flex;flex-direction:column;gap:15px;margin-bottom:20px;width:100%}.profile-input,.profile-textarea{border:1px solid #ccc;border-radius:8px;font-size:14px;outline:none;padding:12px 15px;transition:.2s;width:100%}.profile-input:focus,.profile-textarea:focus{border-color:#007bff}.profile-textarea{height:80px;resize:none}.readonly{background-color:#f7f7f7;color:gray;cursor:not-allowed}.profile-btn{background-color:#007bff;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;padding:12px 25px;transition:.3s;width:100%}.profile-btn:hover{background-color:#0056b3}@media (max-width:500px){.profile-container{padding:15px}.profile-title{font-size:20px}.profile-preview,.upload-placeholder{height:90px;width:90px}}.notifications{font-family:Arial,sans-serif;margin:0 auto;max-width:500px;padding:20px}.notifications h2{color:#222;font-size:22px;font-weight:600;margin-bottom:15px}.request-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding:15px;transition:.2s ease}.request-card:hover{box-shadow:0 3px 10px #0000001f;transform:translateY(-2px)}.request-card img{border-radius:50%;height:48px;object-fit:cover;width:48px}.request-card div{flex:1 1}.request-card h4{color:#000;font-size:18px;font-weight:600;margin:0}.request-card p{color:#666;font-size:14px;margin:3px 0 0}.request-card button{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:8px 14px;transition:.2s ease}.request-card button:first-of-type{background:#3b82f6;color:#fff}.request-card button:first-of-type:hover{background:#2563eb}.request-card button:last-of-type{background:#ef4444;color:#fff}.request-card button:last-of-type:hover{background:#dc2626}.notifications p{color:#777;font-size:16px;margin-top:20px;text-align:center}@media (max-width:450px){.request-card{flex-direction:column;padding:15px;text-align:center}.request-card button{margin-top:10px;width:100%}.request-card button:last-of-type{margin-top:5px}}
/*# sourceMappingURL=main.f37ee5ff.css.map*/