body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5;color:#333;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.6;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}#root{display:flex;flex-direction:column;min-height:100vh}.btn{border:none;border-radius:5px;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .3s ease,transform .2s ease}.btn-primary{background-color:#007bff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#5a6268}.home-page{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:12px;margin:0 auto;max-width:800px;padding:60px 30px;text-align:center}.home-header{margin-bottom:60px}.home-header h1{color:#2c3e50;font-size:3em;font-weight:700;letter-spacing:-1px;margin-bottom:20px}.home-header .tagline{color:#7f8c8d;font-size:1.2em;font-weight:400;line-height:1.6;margin-bottom:0}.home-cta{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin:40px 0;padding:50px 40px}.home-cta h2{color:#2c3e50;font-size:1.5em;font-weight:600;margin-bottom:30px}.home-buttons{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.btn{border-radius:8px;display:inline-block;font-size:1em;font-weight:600;min-width:120px;padding:14px 28px;text-decoration:none;transition:all .2s ease}.btn-primary{background-color:#3498db;border:2px solid #3498db;color:#fff}.btn-primary:hover{background-color:#2980b9;border-color:#2980b9;transform:translateY(-2px)}.btn-secondary{background-color:initial;border:2px solid #3498db;color:#3498db}.btn-secondary:hover{background-color:#3498db;color:#fff;transform:translateY(-2px)}.btn-tertiary{background-color:#27ae60;border:2px solid #27ae60;color:#fff}.btn-tertiary:hover{background-color:#229954;border-color:#229954;transform:translateY(-2px)}.home-info{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0000001a;margin-top:60px;padding:40px;text-align:left}.home-info h2{color:#2c3e50;font-size:1.4em;font-weight:600;margin-bottom:20px}.home-info p{color:#5a6c7d;font-size:1em;line-height:1.7;margin-bottom:16px}@media (max-width:768px){.home-page{padding:40px 20px}.home-header h1{font-size:2.2em}.home-cta{padding:35px 25px}.home-buttons{align-items:center;flex-direction:column}.btn{max-width:250px;width:100%}}@media (max-width:480px){.home-header h1{font-size:1.8em}.home-header .tagline{font-size:1.1em}.home-info{padding:30px 20px}}.game-page .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#dc3545}.game-page .error-message,.game-page .success-message{padding:10px;width:-webkit-fit-content;width:fit-content}.game-page .success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#28a745}.folder-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.folder-icon{margin-bottom:8px}.icon{vertical-align:middle}.unlocked-icon{color:#22c55e}.active-icon{color:#facc15}.locked-icon{color:#9ca3af}.icon-wrapper{align-items:center;border-radius:50%;box-shadow:0 4px 10px #00000026;display:flex;height:70px;justify-content:center;margin-bottom:10px;transition:transform .2s ease,box-shadow .2s ease;width:70px}.icon-wrapper:hover{box-shadow:0 6px 14px #0003;transform:scale(1.08)}.unlocked-bg{background:linear-gradient(145deg,#a8e6cf,#dcedc1)}.active-bg{background:linear-gradient(145deg,#fff9c4,#ffecb3)}.locked-bg{background:linear-gradient(145deg,#f8bbd0,#f48fb1)}.unlocked-icon{color:#1b5e20;filter:drop-shadow(0 2px 4px rgba(34,197,94,.5))}.active-icon{color:#f59e0b;filter:drop-shadow(0 2px 4px rgba(245,158,11,.4))}.locked-icon{color:#c62828;filter:drop-shadow(0 2px 4px rgba(220,38,38,.4))}.folder-item{align-items:center;background-color:#f0f0f0;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;justify-content:center;min-height:150px;padding:25px;position:relative;text-align:center;transition:transform .2s ease-in-out,box-shadow .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}.folder-icon{font-size:3em;margin-bottom:10px}.folder-item h3{color:#333;font-size:1.4em;margin-bottom:8px}.folder-item p{color:#666;font-size:.95em;margin:0}.folder-item.unlocked{background-color:#d4edda;border-color:#28a745;color:#155724}.folder-item.unlocked .folder-icon{color:#28a745}.folder-item.unlocked p{color:#155724;font-weight:700}.folder-item.active-puzzle{background-color:#e2f0fb;border-color:#007bff;cursor:pointer}.folder-item.active-puzzle:hover{background-color:#cce7ff;box-shadow:0 6px 16px #0000001f;transform:translateY(-5px)}.folder-item.active-puzzle .folder-icon,.folder-item.active-puzzle .folder-status{color:#007bff}.folder-item.locked{background-color:#f8d7da;border-color:#dc3545;color:#721c24;cursor:not-allowed!important;filter:grayscale(80%);opacity:.7}.folder-item.locked h3,.folder-item.locked p{color:#721c24}.folder-item.locked .folder-icon{color:#dc3545}.folder-item.locked .folder-dependency-info{font-size:.85em;line-height:1.2;margin-top:5px}.folder-item.clickable{cursor:pointer}.folder-item.unclickable{cursor:not-allowed}.modal-content{background:#fff;box-shadow:0 5px 15px #0000004d;padding:30px;width:90%}.modal-close-button{color:#555}.modal-content h2{color:#333;margin-bottom:20px;text-align:center}.riddle-image{border-radius:5px;height:auto;margin-bottom:20px}.modal-content form{display:flex;flex-direction:column;gap:15px}.modal-content label{color:#444;font-weight:700}.modal-content input[type=text]{border:1px solid #ccc;border-radius:5px;font-size:1em;padding:10px}.modal-content button[type=submit]{background-color:#007bff;border-radius:5px;font-size:1.1em;padding:12px 20px;transition:background-color .3s ease}.modal-content button[type=submit]:hover{background-color:#0056b3}.riddle-hints{border-top:1px solid #eee;margin-top:25px;padding-top:15px}.riddle-hints h4{color:#555;margin-bottom:10px}.riddle-hints ul{list-style:none;padding:0}.riddle-hints li{background-color:#f9f9f9;border:1px dashed #e0e0e0;border-radius:4px;color:#777;font-size:.95em;margin-bottom:5px;padding:8px 12px}.input-error-message{color:#dc3545;font-size:.9em;margin-bottom:10px;margin-top:-10px}.attempt-feedback{border-radius:5px;font-weight:700;margin-bottom:15px;padding:10px;text-align:center}.attempt-feedback.incorrect{background-color:#f8d7da;border:1px solid #f5c6cb;color:#dc3545}.attempt-feedback.correct{background-color:#d4edda;border:1px solid #c3e6cb;color:#28a745}.attempt-feedback.error{background-color:#ffeeba;border:1px solid #ffeeba;color:#856404}.folder-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin:40px auto;max-width:1200px;padding:20px}@media (max-width:1024px){.folder-grid{gap:16px;grid-template-columns:repeat(3,1fr);padding:16px}}@media (max-width:768px){.folder-grid{gap:14px;grid-template-columns:repeat(2,1fr);padding:14px}.folder-item{min-height:130px;padding:18px}.folder-icon{font-size:2em}.folder-item h3{font-size:1.1em}.folder-item p{font-size:.9em}}@media (max-width:480px){.folder-grid{gap:12px;grid-template-columns:1fr;padding:10px}.folder-item{min-height:120px;padding:16px}.folder-icon{font-size:1.8em}.folder-item h3{font-size:1em}.folder-item p{font-size:.85em}}.modal-overlay{align-items:center;background-color:#000000b3;bottom:0;cursor:pointer;display:flex;justify-content:center;left:0;overflow-y:auto;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:fadeIn .3s ease-out;background-color:#fff;border-radius:10px;box-shadow:0 5px 20px #0000004d;cursor:default;max-height:90vh;max-width:600px;overflow-y:auto;padding:24px;position:relative;width:100%}.modal-close-button{background:none;border:none;color:#aaa;cursor:pointer;font-size:1.8em;position:absolute;right:15px;top:15px;transition:color .2s ease}.modal-close-button:hover{color:#555}.riddle-image{border-radius:6px;display:block;margin:0 auto 20px;max-height:300px;max-width:100%;object-fit:contain}.modal-content form{margin:20px 0}.modal-content form div{margin-bottom:15px}.modal-content label{color:#333;display:block;font-weight:600;margin-bottom:8px}.modal-content input[type=text]{border:2px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:12px;transition:border-color .3s ease;width:100%}.modal-content input[type=text]:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-content button[type=submit]{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:12px 24px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.modal-content button[type=submit]:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-2px)}.modal-content button[type=submit]:active{transform:translateY(0)}.riddle-hints{background-color:#f8f9fa;border-left:4px solid #667eea;border-radius:8px;margin-top:20px;padding:16px}.riddle-hints h4{color:#333;font-size:1.1rem;margin:0 0 12px}.riddle-hints ul{margin:0;padding-left:20px}.riddle-hints li{color:#555;line-height:1.4;margin-bottom:8px}.riddle-hints li:last-child{margin-bottom:0}.toast{animation:toastSlide 2.5s ease-in-out forwards;border-radius:10px;color:#fff;font-size:1.2rem;font-weight:600;left:50%;max-width:80%;min-width:280px;padding:18px 28px;pointer-events:none;position:fixed;text-align:center;top:0;transform:translateX(-50%) translateY(-50%);z-index:2000}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes toastSlide{0%{opacity:0;transform:translateX(-50%) translateY(-50px)}10%{opacity:1;transform:translateX(-50%) translateY(10px)}80%{opacity:1;transform:translateX(-50%) translateY(10px)}to{opacity:0;transform:translateX(-50%) translateY(-50px)}}.toast.success{background-color:#4caf50;box-shadow:0 4px 12px #4caf504d}.toast.error{background-color:#f44336;box-shadow:0 4px 12px #f443364d}@media (max-width:768px){.modal-content{margin:10px;padding:20px}.modal-content h2{font-size:1.4rem;margin-bottom:16px}.toast{font-size:1.1rem;min-width:250px;padding:16px 24px}}.game-page{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;box-shadow:0 20px 40px #00000026;flex-grow:1;margin:40px auto;max-width:1200px;overflow:hidden;padding:40px 20px;position:relative;text-align:center}.icon-title{align-items:center;color:#fff;display:flex;font-size:3rem;gap:2rem}.icon{height:50px;width:50px}.lock-icon{color:#00ff26}.folder-icon{color:#0ff}.zap-icon{color:red}.loading-icon{color:#00ff7f}.unlock-icon{color:#ead027}.icon{transition:transform .2s ease,filter .2s ease}.icon:hover{filter:drop-shadow(0 0 10px rgba(255,255,255,.7));transform:scale(1.2)}.success-icon .icon{color:gold;height:50px;transition:transform .3s ease,filter .3s ease;width:50px}.success-icon .icon:hover{filter:drop-shadow(0 0 15px #FFD700);transform:scale(1.3)}.game-page:before{animation:float 20s ease-in-out infinite;background:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:50px 50px;height:200%;left:-50%;top:-50%;width:200%}.game-page:after,.game-page:before{content:"";pointer-events:none;position:absolute}.game-page:after{background:linear-gradient(45deg,#ffffff0d 25%,#0000 0,#0000 75%,#ffffff0d 0);background-size:60px 60px;bottom:0;left:0;right:0;top:0}.game-page>*{position:relative;z-index:2}.game-page h1{color:#fff;font-size:3.2em;font-weight:700;letter-spacing:-1px;margin-bottom:40px;position:relative;text-shadow:2px 2px 8px #0000004d}.game-page h1:after{background:linear-gradient(90deg,gold,#ffed4a);border-radius:2px;bottom:-10px;box-shadow:0 2px 4px #0003;content:"";height:4px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.game-page .error-message{animation:errorShake .5s ease-in-out;background:linear-gradient(135deg,#ff6b6b,#ee5a52);box-shadow:0 8px 20px #ee5a524d}.game-page .error-message,.game-page .success-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;color:#fff;font-weight:600;margin:20px auto;max-width:500px;padding:16px 24px;text-align:center}.game-page .success-message{animation:successPulse .6s ease-in-out;background:linear-gradient(135deg,#4ecdc4,#44a08d);box-shadow:0 8px 20px #44a08d4d}.game-container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #fff3;border-radius:16px;color:#ffffffe6;font-size:1.8em;padding:80px 40px;text-align:center}.overlay-loader{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.loading-content{animation:fadeInUp .8s ease-out;text-align:center}.loading-title{animation:glow 2s ease-in-out infinite alternate;font-size:2.5rem;font-weight:700;margin-bottom:20px;text-shadow:2px 2px 4px #0000004d}.loading-subtitle{font-size:1.2rem;font-weight:300;margin-bottom:40px;opacity:.9}.lock-container{margin-bottom:30px;position:relative}.lock-icon{animation:unlocking 2s ease-in-out infinite;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3));font-size:4rem}.progress-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.dot{animation:dotPulse 1.4s ease-in-out infinite both;background-color:#ffffff4d;border-radius:50%;height:12px;width:12px}.dot:first-child{animation-delay:-.32s}.dot:nth-child(2){animation-delay:-.16s}.dot:nth-child(3){animation-delay:0s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glow{0%{text-shadow:2px 2px 4px #0000004d,0 0 10px #fff3}to{text-shadow:2px 2px 4px #0000004d,0 0 20px #fff6,0 0 30px #fff3}}@keyframes unlocking{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-5deg) scale(1.05)}75%{transform:rotate(5deg) scale(1.05)}}@keyframes dotPulse{0%,80%,to{background-color:#ffffff4d;transform:scale(.8)}40%{background-color:#fffc;transform:scale(1.2)}}@keyframes float{0%,to{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-10px) rotate(1deg)}66%{transform:translateY(5px) rotate(-1deg)}}@keyframes errorShake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes successPulse{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}@media (max-width:768px){.game-page{border-radius:16px;margin:20px auto;padding:30px 15px}.game-page h1{font-size:2.2em;margin-bottom:30px}.game-page .error-message,.game-page .success-message{border-radius:10px;font-size:.95em;margin:16px auto;padding:14px 20px;width:90%}.loading-title{font-size:2rem}.loading-subtitle{font-size:1rem}.lock-icon{font-size:3rem}.game-container{font-size:1.4em;padding:60px 20px}}.popup-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#000c;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.popup-success{animation:successPop .6s ease-out forwards;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:20px;box-shadow:0 10px 30px #0000004d;color:#fff;padding:40px;text-align:center;transform:scale(.8)}.success-icon{animation:bounce 1s ease-in-out infinite;font-size:4rem;margin-bottom:15px}.success-title{font-size:2.2rem;font-weight:700;margin-bottom:10px;text-shadow:2px 2px 4px #0000004d}.success-subtitle{font-size:1.2rem;font-weight:300;opacity:.9}@keyframes successPop{0%{opacity:0;transform:scale(.5) rotate(-5deg)}50%{transform:scale(1.1) rotate(2deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (max-width:768px){.popup-success{margin:20px;padding:30px}.success-icon{font-size:3rem}.success-title{font-size:1.8rem}.success-subtitle{font-size:1rem}}.user-management{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.user-management h2{color:#333;font-size:1.8em;margin-bottom:25px;text-align:center}.user-management .success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#28a745;margin-bottom:20px;padding:10px;text-align:center}.user-management .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#dc3545;margin-bottom:20px;padding:10px;text-align:center}.user-table{border-collapse:collapse;margin-top:20px;width:100%}.user-table td,.user-table th{border:1px solid #ddd;padding:12px;text-align:left}.user-table th{background-color:#f2f2f2;color:#333;font-weight:700}.user-table tr:nth-child(2n){background-color:#f9f9f9}.user-table tr:hover{background-color:#e9e9e9}.user-table .btn-make-admin{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 15px;transition:background-color .3s ease}.user-table .btn-make-admin:hover{background-color:#0056b3}.user-table .btn-remove-admin{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:not-allowed;font-size:.9em;opacity:.7;padding:8px 15px}.leaderboard-display{background-color:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;padding:20px}.leaderboard-display h2{color:#333;font-size:1.8em;margin-bottom:25px;text-align:center}.leaderboard-table{border-collapse:collapse;margin-top:20px;width:100%}.leaderboard-table td,.leaderboard-table th{border:1px solid #ddd;padding:12px;text-align:left}.leaderboard-table th{background-color:#f2f2f2;color:#333;font-weight:700}.leaderboard-table tr:nth-child(2n){background-color:#f9f9f9}.leaderboard-table tr:hover{background-color:#e9e9e9}.leaderboard-table td:first-child{color:#007bff}.leaderboard-display .error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#dc3545;padding:10px;text-align:center}.admin-dashboard{background-color:#f9f9f9;border-radius:10px;box-shadow:0 5px 15px #0000001a;margin:40px auto;max-width:1200px;padding:30px}.admin-dashboard h1{color:#333;font-size:2.5em;margin-bottom:30px;text-align:center}.admin-tabs{border-bottom:2px solid #eee;display:flex;justify-content:center;margin-bottom:30px}.admin-tabs button{background-color:initial;border:none;border-bottom:3px solid #0000;color:#555;cursor:pointer;font-size:1.1em;padding:15px 25px;transition:all .3s ease}.admin-tabs button:hover{border-color:#a7d9ff;color:#007bff}.admin-tabs button.active{border-color:#007bff;color:#007bff;font-weight:700}.tab-content{background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000d;padding:30px}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:5px;color:#dc3545}.error-message,.success-message{margin-bottom:20px;padding:10px;text-align:center}.success-message{background-color:#d4edda;border:1px solid #c3e6cb;border-radius:5px;color:#28a745}.leaderboard-table,.user-table{border-collapse:collapse;margin-top:20px;width:100%}.leaderboard-table td,.leaderboard-table th,.user-table td,.user-table th{border:1px solid #ddd;padding:12px;text-align:left}.leaderboard-table th,.user-table th{background-color:#f2f2f2;color:#333;font-weight:700}.leaderboard-table tr:nth-child(2n),.user-table tr:nth-child(2n){background-color:#f6f6f6}.leaderboard-table tr:hover,.user-table tr:hover{background-color:#e9e9e9}.btn-make-admin{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:.9em;padding:8px 15px;transition:background-color .3s ease}.btn-make-admin:hover{background-color:#0056b3}.btn-remove-admin{background-color:#6c757d;border:none;border-radius:5px;color:#fff;cursor:not-allowed;font-size:.9em;opacity:.7;padding:8px 15px}.leaderboard-table td:first-child{font-weight:700}@media (max-width:768px){.admin-dashboard{margin:20px 10px;padding:20px 15px}.admin-dashboard h1{font-size:2em}.admin-tabs{align-items:center;flex-direction:column;gap:10px}.admin-tabs button{border-bottom:2px solid #ddd;font-size:1em;padding:12px;text-align:center;width:100%}.tab-content{padding:20px 15px}.leaderboard-table,.user-table{display:block;font-size:.9em;overflow-x:auto;white-space:nowrap}.leaderboard-table td,.leaderboard-table th,.user-table td,.user-table th{padding:10px}.btn-make-admin,.btn-remove-admin{font-size:.85em;padding:6px 10px}}@media (max-width:480px){.admin-dashboard h1{font-size:1.7em}.admin-tabs button{font-size:.95em}.btn-make-admin,.btn-remove-admin{font-size:.9em;padding:10px;width:100%}}.not-found-page{background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0000001a;margin-left:auto;margin-right:auto;margin-top:50px;max-width:600px;padding:50px 20px;text-align:center}.not-found-page h1{color:#dc3545;font-size:3em;margin-bottom:20px}.not-found-page p{color:#555;font-size:1.2em;margin-bottom:30px}.not-found-page .btn-primary{background-color:#007bff;border-radius:5px;color:#fff;padding:10px 20px;text-decoration:none;transition:background-color .3s ease}.not-found-page .btn-primary:hover{background-color:#0056b3}.auth-container{align-items:center;background:linear-gradient(135deg,#f8f9ff,#e8ebf7 50%,#c3c9e5);box-sizing:border-box;display:flex;flex-direction:column;height:100vh;justify-content:center;overflow:hidden;padding:15px;position:relative}.auth-container:before{background-image:radial-gradient(circle at 25% 75%,#c3c9e51a 0,#0000 40%),radial-gradient(circle at 75% 25%,#c3c9e514 0,#0000 40%);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.auth-card{-ms-overflow-style:none;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #c3c9e566;border-radius:16px;box-shadow:0 8px 32px #c3c9e54d,0 4px 16px #0000000d;box-sizing:border-box;max-height:calc(100vh - 30px);max-width:380px;overflow-x:hidden;overflow-y:auto;padding:25px 30px;position:relative;scrollbar-width:none;width:100%}.auth-card::-webkit-scrollbar{display:none}.auth-card:hover{box-shadow:0 12px 40px #c3c9e559,0 6px 20px #00000014}.auth-card:before{background:linear-gradient(90deg,#4f83cc,#6b9bd6 50%,#87b3e0);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.auth-card:after{background:linear-gradient(45deg,#0000,#9370db08,#0000);content:"";height:100%;pointer-events:none;position:absolute;right:-50%;top:-50%;transform:rotate(45deg);width:100%}.auth-card h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#4f83cc,#6b9bd6);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;margin-bottom:20px;text-align:center}.auth-card h2,.auth-form{position:relative;z-index:1}.auth-form{display:flex;flex-direction:column;gap:15px}.auth-form>div{position:relative}.auth-form label{color:#6b7899;display:block;font-size:.9rem;font-weight:600;margin-bottom:6px}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{background:#ffffffe6;border:2px solid #c3c9e54d;border-radius:10px;box-sizing:border-box;color:#333;font-size:.95rem;padding:12px 16px;position:relative;transition:all .3s ease;width:100%}.auth-form input[type=email]:focus,.auth-form input[type=password]:focus,.auth-form input[type=text]:focus{background:#fff;border-color:#c3c9e5;box-shadow:0 0 0 3px #c3c9e526,0 4px 12px #c3c9e51a;outline:none}.auth-form input[type=email]::placeholder,.auth-form input[type=password]::placeholder,.auth-form input[type=text]::placeholder{color:#9ca3af;opacity:.7}.auth-button{background:linear-gradient(135deg,#4f83cc,#6b9bd6);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;overflow:hidden;padding:12px;position:relative;transition:all .3s ease;width:100%}.auth-button:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.auth-button:hover{background:linear-gradient(135deg,#3c6bb8,#5a8bc9);box-shadow:0 4px 16px #4f83cc66,0 2px 8px #0000001a}.auth-button:hover:before{left:100%}.auth-button:active{transform:translateY(-1px)}.auth-link{color:#8e9bc7;cursor:pointer;font-weight:600;position:relative;text-decoration:none;transition:all .3s ease}.auth-link:after{background:linear-gradient(90deg,#c3c9e5,#8e9bc7);bottom:-2px;content:"";height:2px;left:0;position:absolute;transition:width .3s ease;width:0}.auth-link:hover{color:#6b7899}.auth-link:hover:after{width:100%}.auth-card p{position:relative;z-index:1}.auth-card p:last-child{background:#c3c9e50d;border:1px solid #c3c9e526;border-radius:8px;color:#6b7899;font-size:.9rem;margin-top:20px;padding:12px;text-align:center}.message-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;box-sizing:border-box;font-size:.95rem;margin-bottom:20px;padding:15px 20px;text-align:center}.message-box.error{background:#ef44441a;border-color:#ef444433;color:#dc2626}.message-box.success{background:#10b9811a;border-color:#10b98133;color:#059669}.toast-message{animation:slideInFromRight .4s ease-out forwards,fadeOut .5s ease-in 4.5s forwards;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #fff3;border-radius:12px;box-shadow:0 10px 25px #00000026,0 4px 10px #0000001a;font-size:.95rem;font-weight:500;max-width:400px;min-width:300px;padding:16px 24px;position:fixed;right:30px;text-align:left;top:30px;z-index:10000}.toast-message.success{background:#10b981f2;border-color:#10b9814d;color:#fff}.toast-message.error{background:#ef4444f2;border-color:#ef44444d;color:#fff}.toast-message.info{background:#667eeaf2;border-color:#667eea4d;color:#fff}@keyframes slideInFromRight{0%{opacity:0;right:-400px;transform:translateX(100%)}to{opacity:1;right:30px;transform:translateX(0)}}@keyframes slideInFromTop{0%{opacity:0;top:-50px}to{opacity:1;top:30px}}@keyframes fadeOut{0%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@media (max-width:768px){.auth-container{height:100vh;padding:10px}.auth-card{border-radius:12px;max-height:calc(100vh - 20px);max-width:calc(100vw - 20px);padding:20px}.auth-card h2{font-size:1.6rem;margin-bottom:18px}.auth-form{gap:12px}.auth-form input[type=email],.auth-form input[type=password],.auth-form input[type=text]{font-size:16px;padding:11px 14px}.auth-button{font-size:.95rem;padding:11px}.auth-card p:last-child{font-size:.85rem;margin-top:15px;padding:10px}.toast-message{left:10px;max-width:calc(100% - 20px);min-width:0;min-width:auto;right:10px}@keyframes slideInFromRight{0%{opacity:0;right:-100%}to{opacity:1;right:10px}}}.loading-container{align-items:center;background:linear-gradient(135deg,#7b2ff7,#f107a3);color:#fff;display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;height:100vh;justify-content:center;text-align:center}.spinner{animation:spin 1s linear infinite;border:10px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:80px;margin-bottom:20px;width:80px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-container p{font-size:1.2rem;font-weight:700}.navbar{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#f8f9ff,#e8ebf7 50%,#c3c9e5);border-radius:12px;box-shadow:0 4px 12px #00000040;display:flex;justify-content:space-between;margin:10px 20px;padding:15px 30px}.navbar-brand a{color:#4f46e5;font-size:1.8em;font-weight:700;letter-spacing:1px;text-decoration:none;transition:color .3s ease}.navbar-brand a:hover{color:#a455f8}.navbar-links{align-items:center;display:flex;gap:25px;list-style:none;margin:0;padding:0}.navbar-links li a{border-radius:6px;color:#4f46e5;font-size:1.05em;font-weight:640;padding:8px 14px;text-decoration:none;transition:all .3s ease}.navbar-links li a:hover{background:#7896ffbf;color:#fff}.navbar-logout-btn{background:#4f46e5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.05em;padding:8px 14px;transition:background-color .3s ease,transform .2s ease}.navbar-logout-btn:hover{background:#3730a3;transform:scale(1.05)}.hamburger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;margin-left:auto;padding:0}.hamburger .bar{background-color:#fff;border-radius:2px;height:3px;margin:4px 0;transition:.3s;width:26px}@media (max-width:768px){.navbar{flex-wrap:wrap;padding:15px 20px}.hamburger{display:flex}.navbar-links{align-items:flex-start;background:#3c50b466;border-radius:12px;display:none;flex-direction:column;margin-top:12px;padding:12px 0;width:100%}.navbar-links.active{display:flex}.navbar-links li{padding:10px 20px;width:100%}.navbar-links li a,.navbar-logout-btn{box-sizing:border-box;font-size:1em;padding:12px 15px;text-align:left;width:100%}.navbar-logout-btn{margin:5px 0}}
/*# sourceMappingURL=main.67446d9f.css.map*/