.loginForm{display:flex;flex-direction:column;gap:1.3rem}.loginForm>.passwordInput{display:flex;flex-direction:row;gap:1.3rem;align-items:center}.loginForm>.passwordInput>span{display:flex}.appCard{background-color:#2c2d49;border:1px solid rgb(110,110,110);border-radius:10px;padding:1.5em;text-decoration:none;height:229px;width:229px;min-width:229px;position:relative;overflow:hidden}.appCard:hover{cursor:pointer}.appCard:hover .content{transform:translateY(-50px)}.appCard:hover .description{opacity:1;height:auto;white-space:normal;text-overflow:unset;transform:translateY(0);animation:slideInDescription .4s ease-out}.appCard .content{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#2c2d49,#2c2d49e6);padding:1em;transition:transform .3s ease-in-out;transform:translateY(0)}.appCard .title{color:#fff;font-size:16px;font-weight:700;margin-bottom:.5em}.appCard .description{color:#ccc;font-size:12px;line-height:1.4;opacity:.7;height:1.4em;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);text-overflow:ellipsis;white-space:nowrap;transform:translateY(5px)}@keyframes slideInDescription{0%{opacity:.7;transform:translateY(10px);max-height:1.4em}50%{opacity:.85;transform:translateY(5px)}to{opacity:1;transform:translateY(0);max-height:100px}}.appCard .version{position:absolute;top:10px;right:10px;background-color:#fff;color:#2c2d49;padding:.2em .5em;border-radius:25px;font-size:12px}.applications{padding:.5rem;display:flex;flex-direction:column;gap:1rem}.applications .apps-grid{display:flex;gap:1rem;overflow-x:auto}.user-assignments{padding:.5rem}.user-assignments table{width:100%;border-collapse:collapse}.user-assignments table th,.user-assignments table td{padding:.5rem;text-align:left}.user-assignments table .user-info{display:flex;align-items:center;gap:.5rem}.user-assignments table .user-info .avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:#ccc;color:#414141}.user-assignments table .user-info .user-details{display:flex;flex-direction:column;gap:.1rem;font-size:.9rem}.user-assignments table .user-info .user-details .email{font-size:.8rem;color:#b9b9b9}.vps-performance{padding:.5rem;display:flex;flex-direction:column;gap:1em}.vps-performance .chart-placeholder{height:150px;background:#929292;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center}.vps-management{padding:.5rem;display:flex;flex-direction:column;gap:1rem}.vps-management .section{display:flex}.vps-management .section span{display:block;font-weight:700}.vps-management .section button{background:#444;color:#fff;padding:.4rem 1rem;border-radius:4px;border:none;cursor:pointer}.vps-management .section .app-update{display:flex;justify-content:space-between;align-items:center}.vps-management .database,.vps-management .association{flex-direction:row;justify-content:space-between;gap:1em}.vps-management .server,.vps-management .applications{flex-direction:column;gap:.5em}.vps-management .server>.buttons{display:flex;flex-direction:row;justify-content:space-between;gap:1em}.vps-management .server>.buttons>button{width:100%}.homebrew{display:flex;flex-direction:column;background-color:#ebebeb}.homebrew>.content{display:flex;flex-direction:row;height:100%}.homebrew>.content .user-assignments{flex:4}.homebrew>.content .vps-performance{flex:2}.homebrew>.content .vps-management{flex:3}.homebrew .applications>.title,.homebrew .user-assignments>.title,.homebrew .vps-performance>.title,.homebrew .vps-management>.title{font-size:22px;color:#000}.user-profile{position:fixed;top:5px;right:5px;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:16px;box-shadow:0 8px 32px #00000014;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);z-index:1000;overflow:hidden;width:60px;height:60px;transform-origin:top right}.user-profile:hover{width:260px;height:110px;background:#fffffffa;box-shadow:0 16px 48px #0000001f}.user-profile:hover .user-profile__avatar{top:12px;right:12px}.user-profile:hover .user-profile__info{opacity:1;transform:translate(0);transition-delay:.1s}.user-profile:hover .user-profile__logout{opacity:1;transform:translateY(0);pointer-events:auto;transition-delay:.2s}.user-profile__avatar{position:absolute;top:12px;right:12px;width:36px;height:36px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-weight:600;font-size:14px;box-shadow:0 2px 8px #0000001a;transition:all .4s cubic-bezier(.4,0,.2,1)}.user-profile__avatar img{width:100%;height:100%;object-fit:cover}.user-profile__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:inherit;color:#fff;font-weight:600;font-size:14px}.user-profile__info{position:absolute;top:16px;left:16px;opacity:0;transform:translate(-20px);transition:all .2s cubic-bezier(.4,0,.2,1)}.user-profile__name{font-size:15px;font-weight:600;color:#1a1a1a;white-space:nowrap;line-height:1.3;margin-bottom:2px}.user-profile__email{font-size:13px;color:#6b7280;font-weight:400;white-space:nowrap;line-height:1.3}.user-profile__logout{position:absolute;bottom:16px;left:16px;right:16px;opacity:0;transform:translateY(20px);transition:all .2s cubic-bezier(.4,0,.2,1);pointer-events:none}.user-profile__logout-btn{background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;border:none;padding:8px 16px;border-radius:10px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease;white-space:nowrap;display:flex;align-items:center;gap:6px;width:100%;justify-content:center}.user-profile__logout-btn:hover{background:linear-gradient(135deg,#ff5252,#d32f2f);transform:translateY(-1px);box-shadow:0 4px 12px #ff6b6b4d}.user-profile__logout-btn:active{transform:translateY(0)}.user-profile__logout-btn svg{width:14px;height:14px}@media (max-width: 768px){.user-profile{top:16px;right:16px}.user-profile:hover{width:220px}}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-family:sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#b0b1b9;background-color:#ebebeb;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{padding:0;margin:0}