: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}html,body,#root{height:100%;width:100%;margin:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1}.navbar{display:flex;align-items:center;padding:1rem;background-color:#000;color:#fff}.nav-left{display:flex;gap:1rem;align-items:center;flex-grow:1}.nav-left a{color:#fff;text-decoration:none}.nav-button:hover{background-color:#0056b3;color:#fff}.c-cont{display:flex;justify-content:center;align-items:center;height:2vh}.sso-button{background-color:#0056b3;color:#fff}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}.login-container{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 130px);padding:1.5rem;background:linear-gradient(160deg,#eff5ff,#f7f8fb 45%,#fff)}.login-card{background-color:#fff;padding:1.25rem;border-radius:14px;box-shadow:0 12px 28px #0e152f1f;width:min(760px,96vw);border:1px solid #e9ecf4}.info-box{padding:0;margin-top:0;border-radius:5px;font-weight:700}.info-box-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb;text-align:center}.info-box-error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb;text-align:center}.unlock-container{display:flex;justify-content:center;align-items:center;height:50vh}.unlock-card{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 12px #0000001a;width:450px;height:280px}.unlock-card form{display:flex;flex-direction:column}.unlock-card input{padding:.5rem;margin:.5rem}.unlock-card button{background-color:#d4edda}.unlock-card h3{color:#88948b;text-align:center}.login-card form{display:flex;flex-direction:column}.login-card input{padding:.5rem;margin:.5rem}.login-card h3{text-align:center;text-shadow:0 1px 0 rgba(0,0,20,.8)}.login-form{display:flex;flex-direction:column;gap:.9rem;padding:1.5rem}.login-title{margin:0;text-align:center;color:#213547;text-shadow:none}.login-subtitle{margin:0;text-align:center;color:#5a667b;font-size:.95rem}.login-help-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem;margin-top:.25rem}.login-help-card{display:flex;flex-direction:column;gap:.8rem;padding:1rem;border:1px solid #dce4f0;border-radius:10px;background:#f8fbff;text-align:left}.login-help-tile{cursor:pointer;width:100%;border:1px solid #dce4f0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.login-help-tile:hover{transform:translateY(-2px);box-shadow:0 12px 22px #18366e26;border-color:#bfd0ec}.login-help-tile:focus-visible{outline:3px solid #96b4ea;outline-offset:2px}.login-help-title{margin:0;color:#2f3a4f;font-weight:600}.login-help-illustration{width:100%;height:120px;object-fit:cover;border-radius:8px;border:1px solid #d6e1f1;background:#eef4ff}.login-help-button{align-self:flex-start;background-color:#fff;border:1px solid #b8c5dc;color:#2f3a4f;text-transform:lowercase}.login-sso-button{margin-top:.35rem;width:100%;padding:.8rem 1rem;font-weight:600}.login-sso-card{margin-top:.6rem;padding:1rem;border:1px solid #f0d8a2;border-radius:10px;background:linear-gradient(180deg,#fffaf0,#fffdf8);text-align:left}.login-sso-badge{display:inline-block;margin:0;padding:.2rem .55rem;border-radius:999px;background:#fff1cc;color:#7a5a00;font-size:.75rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.login-sso-title{margin:.5rem 0 .25rem;color:#25324a}.login-sso-description{margin:0;color:#5f6475;font-size:.92rem;line-height:1.4}.login-modal-overlay{position:fixed;inset:0;background:#0a162d8f;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;padding:1rem;z-index:1000}.login-modal{width:min(480px,92vw);background:linear-gradient(180deg,#fff,#f9fbff);border-radius:14px;border:1px solid #d9e2f2;box-shadow:0 24px 50px #0a162d47;padding:1.3rem;text-align:left;animation:modal-pop .16s ease-out}.login-modal-title{margin:0;color:#1f2f4d;font-size:1.08rem}.login-modal-message{margin:.45rem 0 1rem;color:#4e5f7a;font-size:.95rem;line-height:1.45}.login-modal .login-modal-input{display:block;width:100%;margin:0;padding:.68rem .75rem;border:1px solid #c8d5ed;border-radius:10px;background:#fff;color:#1f2f4d;box-sizing:border-box}.login-modal .login-modal-input:focus-visible{outline:3px solid #97b8f1;outline-offset:1px;border-color:#87abe6}.login-modal-actions{margin-top:1rem;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.login-modal-actions .login-modal-button{width:100%;min-width:0}.login-modal-button{min-width:88px;border-radius:9px;padding:.58rem .95rem;font-weight:600;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.login-modal>.login-modal-button{margin-top:.5rem;width:100%}.login-modal-button:hover:enabled{transform:translateY(-1px)}.login-modal-button-primary{background:#005dc2;color:#fff;border:1px solid #0052aa}.login-modal-button-primary:hover:enabled{box-shadow:0 8px 16px #005bbe4d}.login-modal-button-secondary{background:#fff;color:#2f4267;border:1px solid #bccce8}.login-modal-button-secondary:hover:enabled{border-color:#95b1dd;box-shadow:0 8px 16px #274b8829}.login-modal-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}@keyframes modal-pop{0%{opacity:0;transform:translateY(4px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 700px){.login-help-grid{grid-template-columns:1fr}}.footer{padding:1rem;background:#f0f2ed;text-align:center}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}}
