.login-container{display:flex;min-height:100vh;width:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden;align-items:center;justify-content:center;gap:2rem;padding:2rem;box-sizing:border-box;background-color:#fff}.login-left-column{flex:1;max-width:709px;background-color:transparent;display:flex;align-items:flex-start;justify-content:center;padding:3rem 2rem 2rem;position:relative}.login-form-container{width:100%;max-width:450px;display:flex;flex-direction:column;gap:1.5rem}.login-header{width:100%;max-width:355px;height:auto;display:flex;flex-direction:column;margin-bottom:2rem;padding:0;background-color:transparent;box-sizing:border-box}.login-welcome-title{font-size:2rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a;display:flex;align-items:center;gap:.5rem}.login-quote{font-size:.95rem;color:#666;line-height:1.6;font-style:italic}.login-quote strong{font-weight:700;color:#333}.login-input-group{margin-bottom:1.5rem;position:relative}.login-label{display:block;width:auto;height:31px;font-family:Inria Sans,sans-serif;font-weight:700;font-style:normal;font-size:20px;line-height:100%;letter-spacing:0%;color:#000;margin-bottom:.5rem}.login-input{width:100%;max-width:355px;height:54px;padding:.75rem 3rem .75rem .75rem;background-color:#f7fbff;border:1px solid rgba(0,0,0,.17);border-radius:20px;font-size:1rem;outline:none;transition:border-color .3s;box-sizing:border-box}.login-input::placeholder{color:#999;text-decoration:underline}.login-input:focus{border-color:#0000002b}.login-forgot-password{margin-top:.5rem;margin-bottom:0;text-align:right;width:100%;max-width:355px}.login-forgot-password-link{color:#261391;text-decoration:none;font-size:.9rem}.login-button{width:100%;max-width:355px;padding:.875rem;background-color:#004864;color:#fff;border:1px solid transparent;border-radius:20px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s}.login-button:hover{background-color:#004864;transform:translateY(-1px)}.login-button:active{transform:translateY(0)}.login-separator{display:flex;align-items:center;margin:1.5rem 0;gap:1rem;width:100%;max-width:355px}.login-separator-line{flex:1;height:1px;background-color:#ddd}.login-separator-text{font-size:.9rem;color:#999}.login-microsoft-button{width:100%;max-width:355px;padding:.875rem;background-color:#fff;border:1px solid #ddd;border-radius:20px;font-size:1rem;font-weight:500;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.75rem;transition:border-color .3s,box-shadow .3s}.login-microsoft-button:hover{border-color:#2cbc9b;box-shadow:0 2px 8px #20b2aa33}.login-microsoft-logo{width:25%;height:auto}.login-microsoft-text{color:#333}.login-footer{margin-top:2rem;text-align:center;width:100%;max-width:355px;display:flex;justify-content:center;align-items:center}.login-footer-text{font-size:.85rem;color:#999;margin:0;text-align:center}.login-right-column{width:709px;height:80vh;background-color:#20b2aa;border-radius:50px;box-shadow:0 4px 4px #00000040;position:relative;overflow:hidden;display:grid;grid-template-rows:auto 1fr;align-items:start;justify-items:center;padding:0;box-sizing:border-box;flex-shrink:0}.login-plant-1{position:absolute;width:250px;height:360px;top:-100px;right:0;left:auto;transform:rotate(-02.56deg);transform-origin:50% 50%;z-index:1;pointer-events:none;object-fit:contain;opacity:.85}.login-plant-2{position:absolute;bottom:-1px;left:-1px;width:260px;height:auto;opacity:.7;z-index:1;transform:rotate(-0deg);pointer-events:none}.login-logo-container{position:absolute;top:2.5rem;left:2.5rem;display:flex;align-items:center;gap:1rem;z-index:3;width:auto;padding:0}.login-logo{width:100%;height:auto;flex-shrink:0}.login-brand-text-container{display:flex;flex-direction:column;gap:.1rem}.login-brand-title{font-size:1.8rem;font-weight:700;color:#1a1a1a;margin:0;line-height:1.2;letter-spacing:-.3px;white-space:nowrap}.login-brand-subtitle{font-size:1.1rem;font-weight:300;font-style:italic;color:#666;margin:0;line-height:1.2;white-space:nowrap}.login-characters-container{position:relative;z-index:2;width:100%;max-width:90%;display:flex;align-items:center;justify-content:center;margin:2rem 0;padding:0 2rem;grid-row:2;align-self:center}.login-characters{width:100%;height:auto;max-width:100%;max-height:75vh;object-fit:contain;object-position:center}@media(max-width:768px){.login-container{flex-direction:column}.login-left-column{min-height:auto;padding:1.5rem}.login-right-column{display:none}}.navbar-container{position:fixed;top:0;right:0;height:60px;background-color:transparent;border-bottom:none;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:999;box-shadow:none;transition:left .4s cubic-bezier(.4,0,.2,1);will-change:left;border-radius:0}@media(min-width:769px){.navbar-container{padding-right:0}}.navbar-container.sidebar-open{left:280px}.navbar-container.sidebar-closed{left:70px}@media(min-width:769px){.navbar-container.sidebar-open{left:280px!important}.navbar-container.sidebar-closed{left:70px!important}.navbar-left{padding-left:12px}.navbar-title-section{display:flex}}@media(max-width:768px){.navbar-title-section,.navbar-title,.title-separator{display:none!important}}.navbar-content{width:100%;height:100%;position:relative}.navbar-left{display:flex;align-items:center;padding-left:8px;gap:8px}.navbar-title-section{display:flex;align-items:center;gap:16px;background-color:transparent;padding:0;margin-left:8px}.title-content{display:flex;flex-direction:column;gap:8px}.navbar-title{color:#fff;font-size:28px;font-weight:600;margin:0;line-height:1}.title-separator{width:200%;min-width:300px;height:1px;background-color:#ececec;opacity:.8}.navbar-right{display:flex;align-items:center;gap:16px;margin-left:auto;margin-right:0}@media(min-width:769px){.navbar-right{margin-right:0;padding-right:0}}.navbar-logo{display:none}.logo-image{height:80px;width:auto;object-fit:contain}@media(min-width:769px){.navbar-logo{display:flex;align-items:center;position:fixed;right:-50px;top:10px;height:60px;padding-right:0;z-index:1000}}@media(max-width:768px){.navbar-logo{display:none}}.menu-button,.notification-button{background:none;border:none;cursor:pointer;padding:10px 12px;display:flex;align-items:center;justify-content:center;color:#666;border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.menu-button:hover,.notification-button:hover{background-color:#0000000d;transform:scale(1.05)}.menu-button:active,.notification-button:active{transform:scale(.95)}.menu-button svg,.notification-button svg{font-size:32px}.notification-icon{width:32px;height:32px;object-fit:contain}@media(min-width:769px){.notification-desktop{display:flex}.notification-mobile{display:none}}@media(max-width:768px){.notification-desktop{display:none}.notification-mobile{display:flex}.menu-button{color:#fff}}@media(max-width:768px){.navbar-container{left:0!important;right:0;width:100%;height:auto;min-height:100px;padding:12px 16px;z-index:998;border-radius:0!important;background-color:transparent}.navbar-content{position:relative;min-height:100px}.navbar-left{position:absolute;left:0;top:0;z-index:2}.menu-button{padding:4px}.navbar-logo-mobile{position:absolute;left:50%;top:-10px;transform:translate(-50%);z-index:1}.logo-small-image{height:50px;width:auto;object-fit:contain;display:block}.navbar-title-mobile-right{position:absolute;right:8px;top:90px;z-index:1}.navbar-title-mobile-text{color:#fff;font-size:16px;font-weight:300;margin:0;line-height:1.2;text-align:left;white-space:nowrap}.title-separator-mobile{width:150px;min-width:120px;max-width:none;height:1px;background-color:#fff;opacity:.9;margin-left:0;margin-right:0;position:relative}.navbar-right{position:absolute;right:0;top:0;z-index:2}}@media(min-width:769px){.navbar-logo-mobile,.navbar-title-mobile-right{display:none}}.sidebar-container{position:fixed;left:0;top:0;width:280px;height:100vh;background-color:#ececec;display:flex;flex-direction:column;border-radius:0 35px 35px 0;overflow:visible;z-index:1000;box-shadow:0 4px 25px 3px #00000040;transition:left .4s cubic-bezier(.4,0,.2,1);will-change:left}.sidebar-container.open{left:0}.sidebar-container.closed{left:-280px}.collapsed-sidebar{position:fixed;left:0;top:0;width:70px;height:100vh;background-color:#ececec;display:flex;flex-direction:column;align-items:center;padding-top:24px;z-index:1001;border-radius:0 35px 35px 0;box-shadow:0 4px 25px 3px #00000040;transition:opacity .4s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1),visibility .4s cubic-bezier(.4,0,.2,1);will-change:opacity,transform}.collapsed-sidebar.hidden{opacity:0;visibility:hidden;transform:translate(-10px);pointer-events:none}@media(min-width:769px){.sidebar-container.closed{left:-280px!important}.collapsed-sidebar:not(.hidden){display:flex!important;opacity:1;visibility:visible;transform:translate(0);pointer-events:auto}.collapsed-sidebar.hidden{opacity:0!important;visibility:hidden!important;transform:translate(-10px)!important;pointer-events:none!important}}.profile-section{padding:24px 20px;display:flex;flex-direction:column;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);margin-bottom:16px;opacity:1;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.profile-image{width:80px;height:80px;border-radius:50%;object-fit:cover;margin-bottom:12px;border:2px solid rgba(0,0,0,.1)}.profile-name{color:#2cbc9b;font-size:16px;font-weight:600;margin-bottom:4px;text-align:center}.view-profile{color:#999;font-size:12px;cursor:pointer}.view-profile:hover{color:#2cbc9b}.menu-list{flex:1;padding:0 12px;overflow-y:auto;opacity:1;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.collapsed-menu-list{flex:1;width:100%;padding:0;display:flex;flex-direction:column;align-items:center;gap:8px}.menu-item{display:flex;align-items:center;padding:12px 16px;margin-bottom:8px;border-radius:0 25px 25px 0;cursor:pointer;transition:all .3s ease;color:#666;background-color:transparent;position:relative}.menu-item:hover{background-color:#0000000d;color:#333}.menu-item.active{color:#fff;background-color:#2cbc9b}.menu-item.active:hover{background-color:#2cbc9b;color:#fff}.collapsed-menu-item{width:50px;height:50px;display:flex;align-items:center;justify-content:center;border-radius:12px;cursor:pointer;transition:all .3s ease;color:#666;background-color:transparent;position:relative}.collapsed-menu-item:hover{background-color:#0000000d;color:#333}.collapsed-menu-item:hover .tooltip{opacity:1;visibility:visible}.collapsed-menu-item.active{color:#fff;background-color:#2cbc9b}.collapsed-menu-item.active:hover{background-color:#2cbc9b;color:#fff}.tooltip{position:absolute;left:70px;background-color:#333;color:#fff;padding:8px 12px;border-radius:6px;font-size:14px;white-space:nowrap;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease;z-index:1002;box-shadow:0 2px 8px #0003}.tooltip:before{content:"";position:absolute;left:-5px;top:50%;transform:translateY(-50%);border:5px solid transparent;border-right-color:#333}.menu-icon{margin-right:12px;display:flex;align-items:center;font-size:20px}.collapsed-menu-icon{display:flex;align-items:center;justify-content:center;font-size:24px}.menu-text{font-size:14px;font-weight:400}.menu-text.active{font-weight:500}@media(max-width:768px){.sidebar-container{z-index:1002}.sidebar-container.closed{left:-280px}.collapsed-sidebar{display:none!important}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:transparent;z-index:1001;pointer-events:none;transition:background-color .4s cubic-bezier(.4,0,.2,1)}.sidebar-overlay.active{background-color:#00000080;pointer-events:auto}}.view-container{background-color:transparent;border-radius:8px;padding:24px;min-height:calc(100vh - 120px)}