:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;display:flex;justify-content:center}body{overflow-y:scroll}body::-webkit-scrollbar{display:none}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#1a1a2e;color:#fff}.app{width:1200px;min-height:100vh;display:flex;flex-direction:column;max-width:100vw;overflow-x:hidden}.main-content{flex:1;display:flex;justify-content:center;width:100%;padding:0}.main-content-container{max-width:1200px;width:100%;padding:2rem}.home-container{width:100%;min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:space-between;gap:4rem;padding:2rem 0}.content{flex:1}.logo{width:100%;max-width:600px;height:auto;margin-bottom:3rem}.greeting{margin-top:2rem}.hello{font-size:2.5rem;color:#5ff281;font-weight:700;margin-bottom:1rem}.subtitle{font-size:1.5rem;color:#888}.navigation-links{margin-top:2rem;display:flex;gap:1rem}.navigation-links .nav-link{background:#5ff281;color:#1a1a2e;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;text-decoration:none}.navigation-links .logout-btn{background:#ff4757;color:#fff;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.navigation-links .logout-btn:hover{background:#ff3742}.graphic{width:500px;height:auto}.page-container{max-width:600px;margin:0 auto;padding:0;width:100%}.page-container h1{color:#5ff281;margin-bottom:2rem;text-align:center}.form-container{background:#16213e;padding:2rem;border-radius:10px;box-shadow:0 4px 20px #0000004d}.form-group label{display:block;margin-bottom:.5rem;color:#5ff281;font-weight:600}.form-group input{width:100%;padding:.75rem;border:1px solid #333;border-radius:5px;background:#1a1a2e;color:#fff;font-size:1rem}.form-group input:focus{outline:none;border-color:#5ff281}.form-links{text-align:center;margin-top:1rem}.form-links a{color:#5ff281;text-decoration:none}.btn-primary{background:#5ff281;color:#1a1a2e;border:none;padding:.75rem 2rem;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-primary:hover{background:#4dd66f}.btn-primary:disabled{background:#888;cursor:not-allowed;opacity:.6}.btn-primary:disabled:hover{background:#888}.btn-secondary{background:#333;color:#fff;border:1px solid #555;padding:.75rem 2rem;border-radius:5px;font-size:1rem;cursor:pointer;transition:background-color .3s}.btn-secondary:hover{background:#555}.btn-danger{background:#ff4757;color:#fff;border:none;padding:.75rem 2rem;border-radius:5px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-danger:hover{background:#ff3742}.calendar-header{text-align:center;margin-bottom:2rem}.calendar-header h2{color:#5ff281}.events-section h3{color:#5ff281;margin-bottom:1rem}.events-list{background:#16213e;border-radius:10px;padding:1.5rem;margin-bottom:2rem}.event-item{display:flex;gap:1rem;padding:1rem;border-bottom:1px solid #333}.event-time{color:#5ff281;font-weight:600;min-width:80px}.event-details h4{margin-bottom:.25rem}.event-details p{color:#888;font-size:.9rem}.add-event{text-align:center}@media (max-width: 1240px){.app{width:940px}.main-content-container,.home-container{padding:2rem 1.5rem}}@media (max-width: 992px){.app{width:720px}.home-container{flex-direction:column;text-align:center;gap:2rem}.main-content-container{padding:1.5rem 1rem}}@media (max-width: 768px){.app{width:100%}.home-container{padding:2rem 1rem}.graphic{width:280px;max-width:90%}.logo{max-width:400px}.hello{font-size:2rem}.subtitle{font-size:1.2rem}.navigation-links{flex-direction:column;align-items:center;gap:.75rem}.page-container{padding:0}}@media (max-width: 480px){.app{width:100%}.main-content-container,.home-container{padding:1rem .75rem}.hello{font-size:1.75rem}.subtitle{font-size:1.1rem}.graphic{width:240px}.page-container{padding:0}.form-container{padding:1.5rem}.events-list{padding:1rem}}.landing-page{width:100%;min-height:100vh}.hero-section{background:linear-gradient(135deg,#1a1a2e,#16213e);padding:4rem 2rem;min-height:80vh;display:flex;align-items:center;justify-content:center}.hero-content{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.hero-text{color:#fff}.hero-title{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#5ff281,#4caf50);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-title .highlight{color:#5ff281;-webkit-text-fill-color:#5FF281}.hero-subtitle{font-size:1.25rem;line-height:1.6;margin-bottom:2.5rem;color:#b8c5d1}.welcome-back{background:#5ff2811a;padding:2rem;border-radius:12px;border:1px solid rgba(95,242,129,.3)}.welcome-text{font-size:1.1rem;margin-bottom:1.5rem;color:#5ff281}.quick-actions{display:flex;gap:1rem}.cta-buttons{display:flex;gap:1rem;align-items:center}.btn{padding:.875rem 2rem;border-radius:8px;text-decoration:none;font-weight:600;font-size:1rem;transition:all .3s ease;border:none;cursor:pointer;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#5ff281,#4caf50);color:#1a1a2e}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #5ff2814d}.btn-secondary{background:transparent;color:#5ff281;border:2px solid #5FF281}.btn-secondary:hover{background:#5ff281;color:#1a1a2e;transform:translateY(-2px)}.btn-large{padding:1.125rem 2.5rem;font-size:1.125rem}.hero-visual{display:flex;justify-content:center;align-items:center;width:100%;height:100%}.hero-image{width:300px;height:300px;color:#5ff281;filter:drop-shadow(0 10px 30px rgba(95,242,129,.3))}.features-section{padding:5rem 2rem;background:#0f1419}.features-container{max-width:1200px;margin:0 auto}.section-title{font-size:2.5rem;font-weight:700;text-align:center;margin-bottom:3rem;color:#fff}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.feature-card{background:#16213e80;padding:2rem;border-radius:12px;border:1px solid rgba(95,242,129,.1);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.feature-card:hover{transform:translateY(-5px);border-color:#5ff2814d;box-shadow:0 10px 30px #0003}.feature-icon{color:#5ff281;margin-bottom:1rem;display:block}.feature-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#5ff281}.feature-description{color:#b8c5d1;line-height:1.6}.cta-section{background:linear-gradient(135deg,#16213e,#1a1a2e);padding:4rem 2rem;text-align:center}.cta-container{max-width:800px;margin:0 auto}.cta-logo{height:60px;margin-bottom:2rem;opacity:.8}.cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.cta-description{font-size:1.125rem;color:#b8c5d1;margin-bottom:2.5rem;line-height:1.6}.cta-note{margin-top:1rem;color:#8a9ba8;font-size:.9rem}.contact-section{margin-top:3rem;padding-top:2rem;border-top:1px solid rgba(95,242,129,.2)}.contact-title{font-size:1.5rem;font-weight:600;color:#5ff281;margin-bottom:1.5rem;text-align:center}.contact-info{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap}.contact-item{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#5ff2811a;border-radius:8px;border:1px solid rgba(95,242,129,.2);transition:all .3s ease}.contact-item:hover{background:#5ff28126;border-color:#5ff28166;transform:translateY(-2px)}.contact-icon{color:#5ff281;flex-shrink:0}.contact-link{color:#b8c5d1;text-decoration:none;font-weight:500;transition:color .3s ease}.contact-link:hover{color:#5ff281}@media (max-width: 768px){.hero-content{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:2.5rem}.hero-subtitle{font-size:1.1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.cta-buttons{flex-direction:column;align-items:stretch}.btn{width:100%}.quick-actions{flex-direction:column}.contact-info{flex-direction:column;align-items:center;gap:1rem}.contact-item{width:100%;max-width:300px;justify-content:center}}.add-task{display:flex;gap:1rem;align-items:center;margin-bottom:2rem;background:#16213e;padding:1.5rem;border-radius:10px}.add-task input{flex:1;padding:.75rem;border:1px solid #333;border-radius:5px;background:#1a1a2e;color:#fff;font-size:1rem}.add-task input:focus{outline:none;border-color:#5ff281}.task-section{margin-bottom:2rem}.task-section h2{color:#5ff281;margin-bottom:1rem;font-size:1.5rem}.task-list{background:#16213e;border-radius:10px;padding:1.5rem;min-height:100px}.task-item{display:flex;align-items:center;gap:1rem;padding:1rem;border-bottom:1px solid #333;transition:background-color .3s;position:relative}.calendar-today-item{border-radius:8px}.calendar-item-content{display:flex;flex-direction:column;gap:.25rem;flex:1}.calendar-time{font-size:.85rem;color:#ccc}.task-item:last-child{border-bottom:none}.task-item:hover{background:#1a1a2e}.task-item input[type=checkbox]{width:18px;height:18px;accent-color:#5FF281;cursor:pointer}.task-title{flex:1;font-size:1.1rem;color:#fff;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4}.task-actions{display:flex;gap:.5rem;opacity:0;transition:opacity .3s}.task-item:hover .task-actions{opacity:1}.btn-edit,.btn-delete,.btn-save,.btn-cancel,.btn-restore{padding:.5rem;border:none;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:32px;height:32px}.btn-edit{background:#3742fa;color:#fff}.btn-edit:hover{background:#2f3542;transform:scale(1.1)}.btn-delete{background:#ff4757;color:#fff}.btn-delete:hover{background:#ff3742;transform:scale(1.1)}.btn-save{background:#2ed573;color:#fff}.btn-save:hover{background:#26d463;transform:scale(1.1)}.btn-cancel{background:#747d8c;color:#fff}.btn-cancel:hover{background:#57606f;transform:scale(1.1)}.btn-restore{background:#ffa502;color:#fff}.btn-restore:hover{background:#ff9500;transform:scale(1.1)}.edit-task{display:flex;align-items:center;gap:.5rem;flex:1}.edit-task input{flex:1;padding:.5rem;border:1px solid #5FF281;border-radius:4px;background:#1a1a2e;color:#fff;font-size:1rem}.edit-task input:focus{outline:none;border-color:#4dd66f}.empty-state{text-align:center;color:#888;font-style:italic;padding:2rem}.history-section{text-align:center;margin-top:2rem}.btn-history{background:#3742fa;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}.btn-history:hover{background:#2f3542}.delete-modal{background:#16213e;border-radius:12px;width:100%;max-width:400px;box-shadow:0 20px 40px #0009;border:1px solid #333;animation:modalSlideIn .2s ease-out}.delete-modal-header{padding:1.5rem 1.5rem 0;text-align:center}.delete-modal-header h3{color:#ff4757;margin:0;font-size:1.3rem;font-weight:600}.delete-modal-body{padding:1rem 1.5rem;text-align:center}.delete-modal-body p{color:#ccc;margin:.5rem 0;font-size:1rem;line-height:1.5}.task-preview{background:#1a1a2e;border-radius:8px;padding:.75rem;margin:1rem 0;border-left:4px solid #5FF281}.task-preview strong{color:#5ff281;font-size:1rem;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4;display:block}.delete-modal-actions{padding:0 1.5rem 1.5rem;display:flex;gap:1rem;justify-content:center}.btn-cancel-delete,.btn-confirm-delete{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;min-width:100px}.btn-cancel-delete:hover{background:#57606f;transform:translateY(-1px)}.btn-confirm-delete:hover{background:#ff3742;transform:translateY(-1px);box-shadow:0 4px 12px #ff47574d}.modal-content{background:#16213e;border-radius:10px;width:100%;max-width:600px;max-height:80vh;overflow:hidden;box-shadow:0 10px 30px #00000080}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #333}.modal-close{background:none;border:none;color:#888;font-size:1.5rem;cursor:pointer;padding:.5rem;border-radius:4px;transition:background-color .3s}.modal-close:hover{background:#333;color:#fff}.completed-task-list{display:flex;flex-direction:column;gap:.5rem}.completed-task-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#1a1a2e;border-radius:8px;transition:background-color .3s}.completed-task-item:hover{background:#242842}.task-info{display:flex;flex-direction:column;gap:.25rem;flex:1}.task-info .task-title{font-size:1.1rem;color:#fff;margin:0;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.4}.task-date{font-size:.85rem;color:#888}.completed-task-item .task-actions{opacity:1;gap:.5rem}@media (max-width: 768px){.page-container{padding:0 .75rem;max-width:100%}.page-container h1{font-size:1.75rem;margin-bottom:1rem;text-align:left;padding:.5rem 0}.add-task{padding:1rem;margin-bottom:1rem;gap:.75rem;border-radius:8px}.add-task input{width:100%;padding:1rem;font-size:1rem;border-radius:8px;border:2px solid #333}.add-task input:focus{border-color:#5ff281;box-shadow:0 0 0 3px #5ff2811a}.btn-primary{padding:1rem 1.5rem;font-size:1rem;border-radius:8px;min-height:48px;font-weight:600}.task-section{margin-bottom:1.5rem}.task-section h2{font-size:1.25rem;margin-bottom:.75rem;padding:0 .25rem}.task-list{padding:.5rem;border-radius:8px;min-height:60px}.task-item{padding:1rem .75rem;border-radius:6px;margin-bottom:.5rem;background:#1a1a2e4d;border:1px solid #333;display:flex;align-items:center;gap:.75rem;min-height:60px}.task-item:last-child{margin-bottom:0;border-bottom:1px solid #333}.task-item:hover{background:#1a1a2e99;border-color:#444}.task-item input[type=checkbox]{width:22px;height:22px;margin:0;flex-shrink:0}.task-title{flex:1;font-size:1rem;line-height:1.4;margin:0;padding:.25rem 0}.task-actions{opacity:1;display:flex;gap:.5rem;flex-shrink:0;margin-left:auto}.btn-edit,.btn-delete,.btn-save,.btn-cancel,.btn-restore{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.btn-edit:hover,.btn-delete:hover,.btn-save:hover,.btn-cancel:hover,.btn-restore:hover{transform:none;opacity:.8}.edit-task{width:100%;display:flex;align-items:center;gap:.5rem}.edit-task input{flex:1;padding:.75rem;font-size:1rem;border-radius:6px;min-height:40px}.empty-state{padding:2rem 1rem;font-size:.95rem}.history-section{margin-top:1rem;padding:0 .25rem}.btn-history{width:100%;padding:1rem;font-size:1rem;border-radius:8px;min-height:48px}.modal-overlay{padding:.5rem}.modal-content{margin:.5rem;max-height:calc(100vh - 1rem);border-radius:12px}.modal-header{padding:1rem;border-bottom:1px solid #333}.modal-header h2{font-size:1.25rem}.modal-body{padding:1rem;max-height:calc(100vh - 8rem)}.completed-task-item{padding:1rem .75rem;border-radius:8px;margin-bottom:.5rem;display:flex;align-items:center;gap:.75rem;min-height:60px}.completed-task-item .task-info{flex:1;gap:.25rem}.completed-task-item .task-actions{opacity:1;gap:.5rem;margin-left:auto}.delete-modal{max-width:calc(100vw - 1rem);margin:.5rem;border-radius:12px}.delete-modal-header,.delete-modal-body{padding:1rem}.delete-modal-actions{padding:0 1rem 1rem;gap:.75rem}.btn-cancel-delete,.btn-confirm-delete{padding:1rem;font-size:1rem;border-radius:8px;min-height:48px}}@media (max-width: 480px){.page-container{padding:0 .5rem}.page-container h1{font-size:1.5rem;margin-bottom:.75rem}.add-task{padding:.75rem;margin-bottom:.75rem}.add-task input{padding:.875rem;font-size:1rem}.btn-primary{padding:.875rem 1.25rem;min-height:44px}.task-section{margin-bottom:1.25rem}.task-section h2{font-size:1.125rem;margin-bottom:.5rem;padding:0}.task-list{padding:.25rem}.task-item{padding:.875rem .625rem;margin-bottom:.375rem;min-height:56px;gap:.625rem}.task-item input[type=checkbox]{width:20px;height:20px}.task-title{font-size:.95rem;line-height:1.3;padding:.125rem 0}.task-actions{gap:.375rem}.btn-edit,.btn-delete,.btn-save,.btn-cancel,.btn-restore{width:36px;height:36px;border-radius:6px}.edit-task input{padding:.625rem;font-size:.95rem;min-height:36px}.empty-state{padding:1.5rem .75rem;font-size:.9rem}.history-section{margin-top:.75rem;padding:0}.btn-history{padding:.875rem;font-size:.95rem;min-height:44px}.modal-overlay{padding:.25rem}.modal-content{margin:.25rem;max-height:calc(100vh - .5rem);border-radius:10px}.modal-header{padding:.875rem}.modal-header h2{font-size:1.125rem}.modal-body{padding:.875rem;max-height:calc(100vh - 6rem)}.completed-task-item{padding:.875rem .625rem;margin-bottom:.375rem;min-height:56px;gap:.625rem}.task-info .task-title{font-size:.95rem}.task-date{font-size:.8rem}.delete-modal{max-width:calc(100vw - .5rem);margin:.25rem;border-radius:10px}.delete-modal-header{padding:.875rem}.delete-modal-header h3{font-size:1.125rem}.delete-modal-body{padding:.875rem}.delete-modal-body p{font-size:.95rem}.task-preview{padding:.625rem;margin:.75rem 0}.task-preview strong{font-size:.95rem}.warning-text{font-size:.85rem!important}.delete-modal-actions{padding:0 .875rem .875rem;flex-direction:column;gap:.625rem}.btn-cancel-delete,.btn-confirm-delete{width:100%;padding:.875rem;font-size:.95rem;min-height:44px;border-radius:6px}}.add-event-modal{background:linear-gradient(135deg,#16213e,#1a2547);border-radius:16px;width:100%;max-width:520px;max-height:85vh;overflow:hidden;box-shadow:0 25px 50px #000c,0 0 0 1px #5ff2811a,inset 0 1px #ffffff1a;border:1px solid rgba(95,242,129,.2);animation:modalSlideIn .3s cubic-bezier(.34,1.56,.64,1);position:relative}.add-event-modal:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#5ff281,#3742fa,#ff4757,#ffa502,#a55eea,#26d0ce);border-radius:16px 16px 0 0}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.add-event-modal .modal-header{padding:2rem 2rem 1.5rem;border-bottom:1px solid rgba(95,242,129,.2);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#5ff2810d,#3742fa0d);position:relative}.add-event-modal .modal-header:after{content:"";position:absolute;bottom:0;left:2rem;right:2rem;height:1px;background:linear-gradient(90deg,transparent,#5FF281,transparent)}.add-event-modal .modal-header h2{color:#5ff281;margin:0;font-size:1.75rem;font-weight:700;text-shadow:0 2px 4px rgba(0,0,0,.3);letter-spacing:-.5px}.add-event-modal .btn-close-modal{width:44px;height:44px;border:none;border-radius:12px;background:#747d8c33;color:#888;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.add-event-modal .btn-close-modal svg{flex-shrink:0}.add-event-modal .btn-close-modal:hover{background:#ff475733;color:#ff4757;transform:scale(1.05);box-shadow:0 4px 12px #ff47574d}.add-event-modal .modal-body{padding:2rem;max-height:calc(85vh - 120px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5FF281 transparent}.add-event-modal .modal-body::-webkit-scrollbar{width:6px}.add-event-modal .modal-body::-webkit-scrollbar-track{background:transparent}.add-event-modal .modal-body::-webkit-scrollbar-thumb{background:#5ff281;border-radius:3px}.add-event-modal .modal-body::-webkit-scrollbar-thumb:hover{background:#4dd66f}.add-event-modal .form-group{margin-bottom:1.75rem;position:relative}.add-event-modal .form-group label{display:flex;align-items:center;gap:.5rem;color:#5ff281;font-weight:600;margin-bottom:.75rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;position:relative}.add-event-modal .form-group label:after{content:"";position:absolute;bottom:-4px;left:0;width:30px;height:2px;background:linear-gradient(90deg,#5FF281,transparent);border-radius:1px}.add-event-modal .form-group label svg{flex-shrink:0;color:#5ff281;opacity:.8}.add-event-modal .form-group input,.add-event-modal .form-group textarea{width:100%;padding:1rem 1.25rem;border:2px solid rgba(95,242,129,.2);border-radius:12px;background:#1a1a2ecc;color:#fff;font-size:1rem;font-family:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:inset 0 1px 3px #0000004d,0 1px #ffffff0d}.add-event-modal .form-group input:focus,.add-event-modal .form-group textarea:focus{outline:none;border-color:#5ff281;background:#1a1a2ef2;box-shadow:inset 0 1px 3px #0000004d,0 0 0 4px #5ff2811a,0 4px 12px #5ff28133;transform:translateY(-1px)}.add-event-modal .form-group input::placeholder,.add-event-modal .form-group textarea::placeholder{color:#fff6;font-style:italic}.add-event-modal .form-group textarea{resize:vertical;min-height:100px;line-height:1.5}.add-event-modal .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.75rem}.add-event-modal .color-select-container{display:flex;align-items:center;gap:1rem;background:#1a1a2e80;padding:1rem;border-radius:12px;border:1px solid rgba(95,242,129,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.add-event-modal .color-select{flex:1;padding:.875rem 3rem .875rem 1rem;border:2px solid rgba(95,242,129,.2);border-radius:10px;background:#1a1a2ecc;color:#fff;font-size:1rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235FF281' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 1rem center;background-size:1.25rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-event-modal .color-select:focus{outline:none;border-color:#5ff281;box-shadow:0 0 0 4px #5ff2811a}.add-event-modal .color-select:hover{border-color:#5ff28166}.add-event-modal .color-preview{width:48px;height:48px;border-radius:12px;border:3px solid rgba(255,255,255,.2);flex-shrink:0;position:relative;overflow:hidden;box-shadow:0 4px 12px #0000004d,inset 0 1px #ffffff1a;transition:all .3s cubic-bezier(.4,0,.2,1)}.add-event-modal .color-preview:hover{transform:scale(1.05);box-shadow:0 6px 20px #0006,inset 0 1px #fff3}.add-event-modal .color-preview:after{content:"";position:absolute;inset:0;border-radius:9px;box-shadow:inset 0 0 0 1px #ffffff1a}.add-event-modal .form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem;padding-top:1.5rem;border-top:1px solid rgba(95,242,129,.2)}.add-event-modal .btn-primary,.add-event-modal .btn-secondary{padding:1rem 2rem;border:none;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;gap:.75rem;font-size:1rem;position:relative;overflow:hidden;min-width:140px;justify-content:center}.add-event-modal .btn-primary svg,.add-event-modal .btn-secondary svg{flex-shrink:0}.add-event-modal .btn-primary{background:linear-gradient(135deg,#5ff281,#4dd66f);color:#1a1a2e;box-shadow:0 4px 12px #5ff2814d,inset 0 1px #fff3}.add-event-modal .btn-primary:hover{background:linear-gradient(135deg,#4dd66f,#3bc55f);transform:translateY(-2px);box-shadow:0 8px 25px #5ff28166,inset 0 1px #ffffff4d}.add-event-modal .btn-primary:active{transform:translateY(0);box-shadow:0 4px 12px #5ff2814d,inset 0 1px #fff3}.add-event-modal .btn-secondary{background:#747d8c33;color:#888;border:2px solid rgba(116,125,140,.3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.add-event-modal .btn-secondary:hover{background:#747d8c4d;color:#fff;border-color:#747d8c80;transform:translateY(-1px);box-shadow:0 4px 12px #747d8c33}@media (max-width: 768px){.add-event-modal{max-width:calc(100vw - 2rem);margin:1rem;max-height:90vh}.add-event-modal .modal-header{padding:1.5rem 1.5rem 1rem}.add-event-modal .modal-header h2{font-size:1.5rem}.add-event-modal .modal-body{padding:1.5rem}.add-event-modal .form-row{grid-template-columns:1fr;gap:1rem}.add-event-modal .color-select-container{flex-direction:column;align-items:flex-start;gap:.75rem}.add-event-modal .color-select{width:100%}.add-event-modal .color-preview{align-self:center}.add-event-modal .form-actions{flex-direction:column;gap:.75rem}.add-event-modal .btn-primary,.add-event-modal .btn-secondary{width:100%;min-width:auto}}@media (max-width: 480px){.add-event-modal{max-width:calc(100vw - 1rem);margin:.5rem;border-radius:12px}.add-event-modal .modal-header{padding:1.25rem 1.25rem .75rem}.add-event-modal .modal-header h2{font-size:1.25rem}.add-event-modal .modal-body{padding:1.25rem}.add-event-modal .form-group input,.add-event-modal .form-group textarea{padding:.875rem 1rem;font-size:.95rem}.add-event-modal .btn-primary,.add-event-modal .btn-secondary{padding:.875rem 1.5rem;font-size:.95rem}}.add-event-modal .btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.add-event-modal .btn-primary:disabled:hover{transform:none;box-shadow:0 4px 12px #5ff2814d,inset 0 1px #fff3}.add-event-modal .form-group input:focus,.add-event-modal .form-group textarea:focus,.add-event-modal .color-select:focus{z-index:1}.add-event-modal .form-group{animation:fadeInUp .4s ease-out;animation-fill-mode:both}.add-event-modal .form-group:nth-child(1){animation-delay:.1s}.add-event-modal .form-group:nth-child(2){animation-delay:.2s}.add-event-modal .form-group:nth-child(3){animation-delay:.3s}.add-event-modal .form-group:nth-child(4){animation-delay:.4s}.add-event-modal .form-group:nth-child(5){animation-delay:.5s}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.calendar-container{display:flex;flex-direction:column;background:#1a1a2e;color:#fff;overflow:hidden}.calendar-navbar{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;background:#16213e;border-bottom:1px solid #333;box-shadow:0 2px 4px #0000001a;position:relative;z-index:100}.navbar-left{display:flex;align-items:center;gap:1.5rem}.btn-today{background:#5ff281;color:#1a1a2e;border:none;padding:.5rem 1rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-today svg{flex-shrink:0}.btn-today:hover{background:#4dd66f;transform:translateY(-1px)}.nav-controls{display:flex;gap:.25rem}.nav-btn{background:#333;color:#fff;border:none;width:40px;height:40px;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.nav-btn svg{flex-shrink:0}.nav-btn:hover{background:#444;transform:scale(1.05)}.date-display{display:flex;flex-direction:column;gap:.25rem}.month-year-btn{background:none;border:none;color:#5ff281;font-size:1.25rem;font-weight:700;cursor:pointer;padding:.25rem .5rem;border-radius:4px;transition:background-color .3s;display:flex;align-items:center;gap:.5rem}.month-year-btn svg{flex-shrink:0}.month-year-btn:hover{background:#5ff2811a}.week-range{color:#888;font-size:.9rem}.navbar-right{display:flex;align-items:center}.btn-add-event{background:#3742fa;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.btn-add-event svg{flex-shrink:0}.btn-add-event:hover{background:#2f3542;transform:translateY(-1px);box-shadow:0 4px 12px #3742fa4d}.mini-calendar-overlay{position:fixed;inset:0;z-index:200}.mini-calendar{position:absolute;top:80px;left:2rem;background:#16213e;border:1px solid #333;border-radius:10px;padding:1rem;box-shadow:0 10px 30px #00000080;min-width:280px}.mini-calendar-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.mini-nav-btn{background:#333;color:#fff;border:none;width:32px;height:32px;border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s}.mini-nav-btn svg{flex-shrink:0}.mini-nav-btn:hover{background:#444}.mini-month-year{color:#5ff281;font-weight:600}.mini-calendar-grid{display:flex;flex-direction:column;gap:.5rem}.weekday-headers{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.weekday-header{text-align:center;font-size:.8rem;color:#888;padding:.5rem 0;font-weight:600}.calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.calendar-day{background:none;border:none;color:#fff;padding:.5rem;cursor:pointer;border-radius:4px;transition:all .3s ease;min-height:32px;display:flex;align-items:center;justify-content:center}.calendar-day:hover{background:#333}.calendar-day.other-month{color:#555}.calendar-day.today{background:#5ff281;color:#1a1a2e;font-weight:600}.calendar-day.selected{background:#3742fa;color:#fff}.calendar-grid{flex:1;display:flex;overflow:hidden;position:relative}.time-column{width:80px;background:#16213e;border-right:1px solid #333;display:flex;flex-direction:column;position:sticky;left:0;z-index:10;flex-shrink:0}.time-header{height:60px;border-bottom:1px solid #333;flex-shrink:0}.time-slots-container{flex:1;overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.time-slots-container::-webkit-scrollbar{display:none}.time-slot{height:60px;display:flex;align-items:center;justify-content:center;padding-top:.5rem;font-size:.8rem;color:#888;border-bottom:1px solid #2a2a3e;position:relative}.time-slot:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#2a2a3e}.days-container{flex:1;display:flex;flex-direction:column;overflow:hidden;position:relative}.days-header{display:grid;grid-template-columns:repeat(7,1fr);height:60px;background:#16213e;border-bottom:1px solid #333;position:sticky;top:0;z-index:5}.day-header{display:flex;flex-direction:column;align-items:center;justify-content:center;border-right:1px solid #333;padding:.5rem}.day-header:last-child{border-right:none}.day-header.today{background:#5ff2811a}.day-header.today .day-number{background:#5ff281;color:#1a1a2e;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.day-name{font-size:.8rem;color:#888;font-weight:600;margin-bottom:.25rem}.day-number{font-size:1.1rem;font-weight:600;color:#fff}.days-grid{display:grid;grid-template-columns:repeat(7,1fr);flex:1;overflow-y:auto;position:relative;scrollbar-width:none;-ms-overflow-style:none}.days-grid::-webkit-scrollbar{display:none}.day-column{border-right:1px solid #333;position:relative;min-height:1440px}.day-column:last-child{border-right:none}.time-cell{height:60px;border-bottom:1px solid #2a2a3e;position:relative}.time-cell:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#2a2a3e}.events-overlay{position:absolute;top:0;left:0;right:0;height:100%;pointer-events:none}.current-time-indicator{position:absolute;left:0;right:0;z-index:20;pointer-events:none;display:flex;align-items:center}.current-time-line{flex:1;height:2px;background:#ff4757;box-shadow:0 0 4px #ff475799}.current-time-dot{width:8px;height:8px;background:#ff4757;border-radius:50%;margin-left:-4px;box-shadow:0 0 6px #ff4757cc;border:2px solid #1a1a2e}.calendar-event{position:absolute;left:2px;right:2px;border-radius:4px;padding:.25rem .5rem;cursor:pointer;pointer-events:all;transition:all .3s ease;border:1px solid rgba(255,255,255,.1);box-shadow:0 1px 3px #0003}.calendar-event:hover{transform:scale(1.02);box-shadow:0 2px 8px #0000004d;z-index:10}.calendar-event.extends-beyond{border-bottom-right-radius:0;border-bottom-left-radius:0}.calendar-event.starts-before{border-top-right-radius:0;border-top-left-radius:0}.calendar-event.extends-beyond.starts-before{border-radius:0}.event-continues-indicator{position:absolute;bottom:2px;right:4px;font-size:.6rem;color:#fffc;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.5)}.event-title-text{font-size:.8rem;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}.event-time-text{font-size:.7rem;color:#ffffffe6;text-shadow:0 1px 2px rgba(0,0,0,.5);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.add-event-modal,.calendar-item-modal{background:#16213e;border-radius:12px;width:100%;max-width:500px;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0009;border:1px solid #333;animation:modalSlideIn .2s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.9) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{padding:1.5rem;border-bottom:1px solid #333;display:flex;justify-content:space-between;align-items:center;border-left:4px solid #5FF281}.modal-header h2{color:#5ff281;margin:0;font-size:1.5rem}.modal-title-section{display:flex;align-items:center;gap:1rem;flex:1;margin-right:1rem}.event-modal-title{color:#5ff281;margin:0;font-size:1.5rem;font-weight:600}.past-event-badge{background:#ff9500;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.7rem;font-weight:600;text-transform:uppercase}.edit-title-input{flex:1;background:#1a1a2e;border:1px solid #5FF281;color:#fff;padding:.5rem;border-radius:4px;font-size:1.25rem;font-weight:600}.edit-title-input:focus{outline:none;border-color:#4dd66f;box-shadow:0 0 0 2px #5ff2811a}.modal-actions{display:flex;gap:.5rem}.btn-close-modal,.btn-edit-modal,.btn-delete-modal,.btn-save-modal,.btn-cancel-modal{width:40px;height:40px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.btn-close-modal svg,.btn-edit-modal svg,.btn-delete-modal svg,.btn-save-modal svg,.btn-cancel-modal svg{flex-shrink:0}.btn-close-modal{background:#747d8c;color:#fff}.btn-close-modal:hover{background:#57606f}.btn-edit-modal{background:#3742fa;color:#fff}.btn-edit-modal:hover{background:#2f3542}.btn-delete-modal{background:#ff4757;color:#fff}.btn-delete-modal:hover{background:#ff3742}.btn-save-modal{background:#2ed573;color:#fff}.btn-save-modal:hover{background:#26d463}.btn-cancel-modal{background:#747d8c;color:#fff}.btn-cancel-modal:hover{background:#57606f}.modal-body{padding:1.5rem;max-height:calc(80vh - 120px);overflow-y:auto}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#5ff281;font-weight:600;margin-bottom:.5rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:1px solid #333;border-radius:5px;background:#1a1a2e;color:#fff;font-size:1rem;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#5ff281;box-shadow:0 0 0 2px #5ff2811a}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1.5rem}.btn-primary{background:#5ff281;color:#1a1a2e;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-primary:hover{background:#4dd66f;transform:translateY(-1px)}.btn-secondary{background:#747d8c;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-secondary:hover{background:#57606f}.color-select-container{display:flex;align-items:center;gap:.75rem}.color-select{flex:1;padding:.75rem 2.5rem .75rem .75rem;border:1px solid #333;border-radius:5px;background:#1a1a2e;color:#fff;font-size:1rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}.color-select:focus{outline:none;border-color:#5ff281;box-shadow:0 0 0 2px #5ff2811a}.color-preview{width:40px;height:40px;border-radius:6px;border:2px solid #333;flex-shrink:0}.event-time-section,.event-description-section,.event-color-section{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem}.time-icon,.description-icon,.color-icon{width:40px;height:40px;background:#333;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#5ff281;flex-shrink:0}.time-icon svg,.description-icon svg{flex-shrink:0;color:#5ff281}.color-circle{width:24px;height:24px;border-radius:50%;border:2px solid rgba(255,255,255,.2)}.time-details,.description-content,.color-selection{flex:1}.time-display,.description-display{display:flex;flex-direction:column;gap:.5rem}.time-range,.duration{color:#ccc;line-height:1.4}.description-display p{color:#ccc;line-height:1.4;margin:.5rem 0 0}.edit-time-inputs{display:flex;flex-direction:column;gap:1rem}.time-input-group{display:flex;flex-direction:column;gap:.5rem}.time-input-group label{color:#5ff281;font-weight:600;font-size:.9rem}.time-input-group input{padding:.5rem;border:1px solid #333;border-radius:4px;background:#1a1a2e;color:#fff}.edit-description textarea{width:100%;padding:.75rem;border:1px solid #333;border-radius:4px;background:#1a1a2e;color:#fff;resize:vertical;min-height:80px}.delete-overlay{position:absolute;inset:0;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10}.delete-confirmation{background:#16213e;border-radius:10px;padding:2rem;max-width:400px;text-align:center;border:1px solid #333}.delete-confirmation h3{color:#ff4757;margin:0 0 1rem;font-size:1.25rem}.delete-confirmation p{color:#ccc;margin:.5rem 0;line-height:1.4}.event-preview{background:#1a1a2e;border-radius:6px;padding:.75rem;margin:1rem 0;border-left:4px solid #5FF281}.event-preview strong{color:#5ff281;font-size:1rem}.warning-text{color:#ff9500!important;font-weight:500;font-size:.9rem!important;margin-top:1rem!important}.delete-actions{display:flex;gap:1rem;justify-content:center;margin-top:1.5rem}.btn-cancel-delete,.btn-confirm-delete{padding:.75rem 1.5rem;border:none;border-radius:6px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.btn-cancel-delete svg,.btn-confirm-delete svg{flex-shrink:0}.btn-cancel-delete{background:#747d8c;color:#fff}.btn-cancel-delete:hover{background:#57606f}.btn-confirm-delete{background:#ff4757;color:#fff}.btn-confirm-delete:hover{background:#ff3742}.loading{text-align:center;color:#5ff281;font-size:1.1rem;margin:2rem 0}@media (max-width: 768px){.calendar-navbar{padding:1rem;flex-direction:column;gap:1rem;height:auto}.navbar-left{flex-wrap:wrap;justify-content:center;gap:1rem}.time-column{width:60px}.time-slot{font-size:.7rem;height:50px}.time-slots-container{overflow-y:auto}.day-header{padding:.25rem}.day-name{font-size:.7rem}.day-number{font-size:1rem}.calendar-event{left:1px;right:1px;padding:.125rem .25rem}.event-title-text{font-size:.7rem}.event-time-text{font-size:.6rem}.current-time-line{height:1.5px}.current-time-dot{width:6px;height:6px;margin-left:-3px}.modal-header,.modal-body{padding:1rem}.form-row{grid-template-columns:1fr}.mini-calendar{left:1rem;right:1rem;max-width:none}}@media (max-width: 480px){.time-column{width:50px}.time-header{height:50px}.days-header,.days-grid{grid-template-columns:repeat(3,1fr)}.time-slot{font-size:.6rem;padding-top:.25rem;height:50px}.time-slots-container{overflow-y:auto}.days-header{height:50px}.day-header{padding:.125rem}.day-name{font-size:.6rem}.day-number{font-size:.9rem}.time-cell{height:50px}.day-column{min-height:1200px}.calendar-event{padding:.125rem}.event-title-text{font-size:.6rem}.event-time-text{display:none}.current-time-line{height:1px}.current-time-dot{width:5px;height:5px;margin-left:-2.5px}}.h1_page{justify-self:center;text-transform:uppercase}.user-profile{background:#16213e;border-radius:10px;padding:2rem;margin-bottom:2rem;display:flex;gap:2rem}.avatar-section{text-align:center}.avatar-placeholder{width:120px;height:120px;border-radius:50%;background:#5ff281;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.default-avatar{font-size:3rem;font-weight:700;color:#1a1a2e}.user-info{flex:1}.info-item{display:flex;margin-bottom:1rem}.info-item label{min-width:120px;color:#5ff281;font-weight:600}.edit-form .form-group{margin-bottom:1rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.user-actions{text-align:center}@media (max-width: 768px){.user-profile{flex-direction:column;text-align:center;justify-content:center;align-items:center;display:flex;gap:1.5rem}.form-actions{flex-direction:column;gap:.75rem}}.user_btn{justify-self:center}.navbar{background:#16213e;padding:1rem 0;display:flex;justify-content:center;align-items:center;box-shadow:0 2px 10px #0000004d;width:100%;min-height:80px}.navbar-container{max-width:1200px;width:100%;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;min-height:48px}.nav-brand a{font-size:1.5rem;font-weight:700;color:#5ff281;text-decoration:none}.nav-links{display:flex;gap:2rem;min-height:48px;align-items:center;min-width:400px;justify-content:flex-end}.hamburger-btn{display:none;position:fixed;bottom:84px;right:36px;width:56px;height:56px;border-radius:50%;background:#5ff281;border:none;box-shadow:0 8px 24px #00000059;z-index:1100;padding:0}.hamburger-btn span{display:block;width:24px;height:2px;background:#1a1a2e;margin:5px auto;border-radius:2px}.mobile-nav-overlay{position:fixed;inset:0;background:#0009;z-index:900;display:flex;justify-content:flex-end;animation:fadeIn .3s ease-out;opacity:1;transition:opacity .3s ease-in-out}.mobile-nav-modal{height:100vh;background:#fff0;display:flex;flex-direction:column;justify-content:space-between;animation:slideIn .3s ease-out;transform:translate(0);opacity:1;transition:transform .3s ease-in-out,opacity .3s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOut{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}.mobile-nav-overlay.closing{opacity:0!important}.mobile-nav-modal.closing{transform:translate(100%)!important;opacity:0!important}.mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1rem .5rem 1.25rem}.mobile-brand{font-weight:700;color:#5ff281;font-size:1.25rem}.mobile-close{background:none;border:none;color:#fff;font-size:1.75rem;cursor:pointer;padding:.25rem .5rem;border-radius:6px}.mobile-close:hover{background:#2a2a3e}.mobile-nav-links{display:flex;flex-direction:column;padding:0 36px 160px;gap:1rem;margin-top:auto;align-items:center}.mobile-link{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:12px;color:#fff;background:#1a1a2e;border:1px solid #2a2a3e;text-decoration:none;transition:all .2s ease}.mobile-link:hover{background:#242842;border-color:#3a3a5a}.mobile-link.primary{background:#5ff281;color:#1a1a2e;border:none;font-weight:700}.mobile-link.primary:hover{background:#4dd66f}.mobile-logout{background:#ff4757;color:#fff;border:none;padding:.875rem 1rem;border-radius:10px;font-weight:600}.mobile-logout:hover{background:#ff3742}.nav-link{color:#fff;text-decoration:none;padding:.5rem 1rem;border-radius:5px;transition:background-color .3s}.nav-link:hover{background-color:#5ff281;color:#1a1a2e}.nav-logout-btn{background:#ff4757!important;color:#fff!important;border:none;cursor:pointer;font-family:inherit;font-size:inherit}.nav-logout-btn:hover{background:#ff3742!important;color:#fff!important}@media (max-width: 1240px){.navbar-container{padding:0 1.5rem}}@media (max-width: 992px){.navbar,.nav-links{display:none}.hamburger-btn{display:inline-flex;align-items:center;justify-content:center;z-index:1000;bottom:84px;right:36px}.mobile-nav-links{padding:0 36px 160px}}@media (max-width: 768px){.navbar-container{padding:1rem}.nav-links{gap:.5rem;min-width:auto}.nav-link{padding:.5rem .75rem;font-size:.9rem}.hamburger-btn{bottom:84px;right:36px}.mobile-nav-links{padding:0 36px 160px}}@media (max-width: 480px){.navbar-container{padding:.75rem}.nav-brand a{font-size:1.2rem}.nav-links{flex-direction:column;width:100%;align-items:center;min-width:auto;justify-content:center}.nav-link{width:auto;min-width:120px;text-align:center}.hamburger-btn{bottom:84px;right:36px}.mobile-nav-links{padding:0 36px 160px}}