:root{--dark: #1d1d1d;--blue: #44a79b;--teal: #71aa9e;--orange: #c17a16;--gold: #a96f07;--yellow: #9b7014;--brown: #553b03;--white: #ffffff;--light: #f5f5dc}html{display:flex;flex-grow:1;background-repeat:no-repeat;background-color:var(--dark);font-family:Ubuntu,sans-serif;font-weight:300;font-style:normal;background-blend-mode:color-dodge;background-size:cover;position:relative;overflow:hidden;background-position:bottom center}body{margin:0;display:flex;flex-grow:1;background-color:var(--dark);color:var(--light);width:100vw;height:100vh;background-image:url(canopy.png);background-size:cover;background-repeat:no-repeat;background-position-y:bottom}svg{margin:0;display:flex;flex-grow:1;height:100vh}.tooltip{position:absolute;padding:5px 15px 15px;background-color:var(--dark);min-width:300px;max-width:50%;border-radius:4px}.tooltip-header{border-bottom:solid 1px var(--teal);display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;margin-bottom:5px}.title{font-size:1rem;font-weight:600;margin-bottom:5px}.close-tooltip{font-size:2rem;background:none;border:none;cursor:pointer;color:var(--light)}.description{font-size:1rem;font-weight:500;line-height:1.5rem}select:hover{cursor:pointer}.notification{position:fixed;top:20px;left:20px;color:var(--blue);background-color:var(--dark);padding:15px 20px;border-radius:5px;font-size:1rem;box-shadow:0 2px 10px #0003;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease;z-index:1000}.notification.visible{opacity:1;transform:translateY(0)}.login-box{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#1d1d1d96;color:var(--light);padding:16px;border-radius:6px;width:320px;box-shadow:0 6px 18px #0006}.login-box .logo-header{display:flex;align-items:center;border-bottom:1px solid #9cd7d0;padding-bottom:15px;margin-bottom:15px}.login-box .logo-header img{height:64px}.login-box .logo-header .logo-text{padding-left:10px;color:#9cd7d0}.login-box .logo-header .logo-text .title{font-size:17px}.login-box .logo-header .logo-text .tagline{font-style:italic;font-size:15px}.login-box input{width:94%;outline:none;padding:8px;margin-bottom:8px;border-radius:4px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--light)}.login-box input:focus{border:1px solid var(--blue);background:#ffffff1a!important}.login-box button{width:100%;padding:8px;background:var(--blue);border:none;color:var(--light);font-weight:600;border-radius:4px;cursor:pointer}.error-message{color:#ffb4b4;font-size:.95rem;margin-bottom:8px;text-align:center}