@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;500;600&display=swap";.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;transition:background-image 1.5s ease-in-out,filter 1.5s ease-in-out}.login-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#00000040;z-index:1}.login-content{background:#ffffff05;padding:3rem;border-radius:2rem;box-shadow:0 25px 50px #0000001a,0 0 0 1px #ffffff0d,inset 0 1px #ffffff0d;width:100%;max-width:450px;position:relative;z-index:2;-webkit-backdrop-filter:blur(15px) saturate(150%);backdrop-filter:blur(15px) saturate(150%);border:1px solid rgba(255,255,255,.1);overflow:hidden}.login-content:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff08,#ffffff03,#ffffff08);pointer-events:none;z-index:-1}.login-header{text-align:center;margin-bottom:2rem}.login-title{font-size:2.5rem;font-weight:700;color:#ff6b35!important;margin-bottom:.5rem;background:linear-gradient(135deg,#ff6b35,#f7931e)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:0 2px 4px rgba(255,107,53,.3)!important}.login-subtitle{color:#7f8c8d;font-size:1rem;font-weight:400;margin:0}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.login-container label{display:block;margin-bottom:.5rem;color:#fff;font-weight:700;font-size:1.1rem;text-shadow:0 2px 4px rgba(0,0,0,.3)}.login-container input{width:100%;padding:1rem;background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:.75rem;font-size:1rem;margin-bottom:1rem;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#2c3e50;font-weight:500}.login-container input::placeholder{color:#2c3e50cc}.login-container input:focus{outline:none;border-color:#ff6b35!important;box-shadow:0 0 0 3px #ff6b3533 ! important,0 8px 25px #00000026;background:#ffffff40;transform:translateY(-2px)}.login-button{width:100%;padding:14px;background:linear-gradient(135deg,#ff6b35,#f7931e)!important;color:#fff!important;border:1px solid rgba(255,255,255,.1);border-radius:1rem;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 25px #ff6b354d ! important,0 0 0 1px #ffffff0d}.login-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .6s ease}.login-button:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.05) 0%,transparent 50%,rgba(255,255,255,.05) 100%);pointer-events:none}.forgot-password-container{text-align:center;margin-top:16px}.forgot-password-link{color:#cbd5e1;font-size:14px;text-decoration:none;transition:color .3s ease}.forgot-password-link:hover{color:#ff6b35!important;text-decoration:underline}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:#1e293be6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:30px 40px;border-radius:12px;width:100%;max-width:400px;position:relative;border:1px solid rgba(255,255,255,.1)}.modal-close-button{position:absolute;top:10px;right:15px;background:none;border:none;color:#cbd5e1;font-size:28px;cursor:pointer}.modal-title{font-size:24px;color:#fff;text-align:center;margin-bottom:10px}.modal-subtitle{font-size:15px;color:#cbd5e1;text-align:center;margin-bottom:25px}.success-message{color:#2ecc71;text-align:center;margin-bottom:15px}.login-button:hover{background:linear-gradient(135deg,#e55a2b,#e0851a)!important;transform:translateY(-2px);box-shadow:0 12px 30px #ff6b3566 ! important,0 0 0 1px #ffffff1a}.login-button:hover:before{left:100%}.login-button:active{transform:translateY(-2px);box-shadow:0 10px 20px #ff6b354d ! important,0 0 0 1px #ffffff1a}.error-message{color:#ff6b6b;text-align:center;margin-top:1rem;padding:1rem;background:#ff6b6b0d;border-radius:.75rem;border:1px solid rgba(255,107,107,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500;box-shadow:0 4px 15px #ff6b6b1a}.loading-message{color:#4ecdc4;text-align:center;margin-top:1rem;padding:1rem;background:#4ecdc40d;border-radius:.75rem;border:1px solid rgba(78,205,196,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-weight:500;box-shadow:0 4px 15px #4ecdc41a}.test-users-info{margin-top:2rem;padding:1.5rem;background:#ffffff0d;border-radius:1rem;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.test-users-info h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem;text-align:center}.test-users-info p{color:#fff;font-size:.9rem;margin:.5rem 0;text-align:center;opacity:.9}.test-users-info strong{color:#4ecdc4;font-weight:600}:root{--tiber: #09383E;--elephant: #0C383E;--white: #fff;--accent: #667eea;--accent-hover: #764ba2}.welcome-container{width:100%;min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);font-family:Montserrat,sans-serif;color:var(--white);overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center}.content-wrapper{max-width:600px;width:100%;text-align:center;position:relative}.loading-container{display:flex;flex-direction:column;align-items:center;gap:2rem}.loading-spinner{width:80px;height:80px;border:4px solid rgba(255,255,255,.3);border-top:4px solid var(--white);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.main-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem}.header{width:100%;display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.menu-icon{width:2.5rem;height:1.5rem;display:inline-block;cursor:pointer}.menu-icon__line{width:1.5rem;height:.2rem;background-color:var(--white);display:block;position:relative}.menu-icon__line:before,.menu-icon__line:after{content:"";width:1.5rem;height:.2rem;background-color:var(--white);display:inline-block;position:absolute}.menu-icon__line:before{left:0;top:-.6rem}.menu-icon__line:after{left:0;top:.6rem}.heading{font-size:2rem;font-weight:700;margin:0;color:var(--white);text-align:center}.logout-btn{background:#fff3;border:1px solid rgba(255,255,255,.3);color:var(--white);padding:.5rem 1rem;border-radius:.5rem;cursor:pointer;transition:all .3s ease;font-size:.9rem}.logout-btn:hover{background:#ffffff4d;transform:translateY(-2px)}.coords{font-size:1rem;display:inline-block;transform:rotate(-90deg) translateY(50%);position:absolute;left:-8rem;top:50%;letter-spacing:.2rem;color:#ffffffb3;margin:0}.ellipses-container{width:40rem;height:40rem;border-radius:50%;margin:0 auto;position:relative;display:flex;align-items:center;justify-content:center}.greeting{position:absolute;text-transform:uppercase;letter-spacing:.5rem;font-size:2.2rem;font-weight:400;color:var(--white);opacity:.9;text-align:center;animation:fadeInUp 1s ease-out;margin:0;z-index:10}.greeting:after{content:"";width:.3rem;height:.3rem;border-radius:50%;display:inline-block;background-color:var(--white);position:relative;top:-.65rem;left:-2rem;animation:pulse 2s infinite}.ellipses{border-radius:50%;position:absolute;top:0;border-style:solid}.ellipses__outer--thin{width:100%;height:100%;border-width:1px;border-color:#fff3;animation:ellipsesOrbit 15s ease-in-out infinite;position:absolute;top:0;left:0}.ellipses__outer--thin:after{content:"";background-image:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><circle cx="50" cy="50" r="45" fill="none" stroke="rgba(255,255,255,0.1)" stroke-width="1"/></svg>');background-repeat:no-repeat;background-position:center;top:0;left:0;bottom:0;right:0;position:absolute;opacity:.15}.ellipses__outer--thick{width:99.5%;height:99.5%;border-color:var(--white) transparent;border-width:2px;transform:rotate(-45deg);animation:ellipsesRotate 15s ease-in-out infinite;position:absolute;top:0;left:0}.ellipses__orbit{width:2.5rem;height:2.5rem;border-width:2px;border-color:var(--white);top:5rem;right:6.75rem;position:absolute}.ellipses__orbit:before{content:"";width:.7rem;height:.7rem;border-radius:50%;display:inline-block;background-color:var(--white);margin:0 auto;left:0;right:0;position:absolute;top:50%;transform:translateY(-50%)}.scroller{width:7.5rem;display:inline-block;position:absolute;right:2rem;top:50%;transform:translateY(-50%);overflow:hidden}.page-title{font-family:Playfair Display,serif;letter-spacing:.5rem;display:inline-block;float:left;margin-top:1rem;color:var(--white);font-size:.8rem}.timeline{width:1.5rem;height:9rem;display:inline-block;float:right}.timeline__unit{width:100%;height:.1rem;display:block;background-color:var(--white);margin:0 0 2rem;opacity:.2}.timeline__unit--active{opacity:1}.timeline__unit--active:after{opacity:.2}.timeline__unit:after{content:"";width:70%;height:.1rem;display:block;position:relative;float:right;background-color:var(--white);top:1rem}.user-info{text-align:center;color:var(--white);animation:fadeInUp 1.5s ease-out .5s both;margin-top:2rem}.user-info h3{font-size:1.2rem;margin-bottom:.5rem;opacity:.9}.user-info p{font-size:.9rem;opacity:.7;margin:.2rem 0}.navigation-cards{display:flex;flex-direction:column;gap:1rem;margin-top:0}.sidepanel-logout{margin-top:auto;width:100%;align-self:flex-end}.nav-card{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;padding:1rem 1.5rem;color:var(--white);text-decoration:none;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;font-weight:500}.nav-card:hover{background:#fff3;transform:translate(5px);box-shadow:0 5px 15px #0003}@keyframes ellipsesRotate{0%{transform:rotate(-45deg)}to{transform:rotate(-405deg)}}@keyframes ellipsesOrbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes typewriter{0%{width:0}to{width:100%}}.typewriter{overflow:hidden;border-right:2px solid var(--white);white-space:nowrap;animation:typewriter 2s steps(40,end),blink-caret .75s step-end infinite}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--white)}}@media(max-width:768px){.ellipses-container{width:30rem;height:30rem}.greeting{font-size:1.5rem;letter-spacing:.5rem}.coords,.scroller{display:none}.navigation-cards{flex-direction:column;gap:.5rem}.nav-card{padding:.6rem 1rem;font-size:.9rem}}#wave-background{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-10;overflow:hidden;background:radial-gradient(ellipse at center,var(--ocean-sky-center) 0%,var(--ocean-sky-edge) 100%);will-change:transform}.ocean{height:5%;width:100%;position:absolute;bottom:0;left:0;background:var(--ocean-base-color)}.wave{background:url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/85486/wave.svg) repeat-x;position:absolute;top:-198px;width:6400px;height:198px;animation:wave 10s linear infinite;transform:translateZ(0);will-change:transform}.wave:nth-of-type(2){top:-175px;animation:wave 10s linear -5s infinite;opacity:.7}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-1600px)}}@tailwind base;@tailwind components;@tailwind utilities;:root{--bg-primary: #f8fafc;--bg-secondary: rgba(255, 255, 255, .8);--bg-tertiary: rgba(241, 245, 249, .6);--bg-accent: #3b82f6;--bg-accent-hover: #2563eb;--text-primary: #1f2937;--text-secondary: #6b7280;--text-accent: #ffffff;--text-inverted: #ffffff;--border-primary: #e2e8f0;--border-secondary: #e5e7eb;--border-accent: #3b82f6;--shadow-color: rgba(59, 130, 246, .15);--event-color-orange: #fed7aa;--event-color-blue: #bfdbfe;--event-color-green: #d1fae5;--event-color-fuchsia: #f5d0fe;--event-text-color: #1f2937;--ocean-sky-center: #e2e8f0;--ocean-sky-edge: #cbd5e1;--ocean-base-color: #475569}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.events-grid{display:grid;grid-template-rows:repeat(10,60px);background:var(--bg-tertiary);border-radius:.375rem;position:relative;height:600px}.timeline-grid{display:grid;grid-template-rows:repeat(10,60px);height:600px;align-items:stretch}.time-marker{height:60px;display:flex;align-items:center;justify-content:flex-end;padding-right:1rem;border-bottom:1px solid var(--border-secondary)}.date-header{height:60px;display:flex;align-items:center;justify-content:center}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--bg-accent)}.pdf-viewer-content{width:100%;height:70vh;border:1px solid #ddd;border-radius:8px;overflow:hidden}.pdf-viewer-content iframe{width:100%;height:100%;border:none}.report-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-bottom:2rem}.stat-card{background:var(--bg-secondary);padding:1.5rem;border-radius:12px;border:1px solid var(--border-primary);text-align:center}.stat-card h3{color:var(--text-secondary);font-size:.875rem;font-weight:500;margin-bottom:.5rem}.stat-card .stat-value{color:var(--text-primary);font-size:2rem;font-weight:700}.stat-card .stat-change{color:var(--text-accent);font-size:.875rem;margin-top:.25rem}.module-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin-bottom:2rem}.module-stat{background:var(--bg-secondary);padding:1rem;border-radius:8px;border:1px solid var(--border-primary);text-align:center}.module-stat .module-name{color:var(--text-secondary);font-size:.875rem;margin-bottom:.5rem}.module-stat .module-count{color:var(--text-primary);font-size:1.5rem;font-weight:600}.shared-event{opacity:.85;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-left:3px solid #fbbf24;position:relative}.shared-event:hover{opacity:1;transform:scale(1.02);box-shadow:0 8px 25px #fbbf244d}.shared-event:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(45deg,transparent 0%,rgba(251,191,36,.1) 50%,transparent 100%);border-radius:inherit;pointer-events:none}.shared-event .absolute.-top-1.-left-1{animation:pulse-shared 2s infinite}@keyframes pulse-shared{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}[data-state=active],button[data-state=active]{background-color:var(--bg-secondary)!important;color:var(--text-primary)!important}