.top-profile{position:relative;cursor:pointer}.profile-menu{display:none;position:absolute;z-index:1100;right:-8px;top:52px;width:260px;background:#fff;border:1px solid #e0e7f1;border-radius:14px;box-shadow:0 12px 32px #263b5c2b;padding:12px}.profile-menu.open{display:block}.profile-menu-head{display:flex;align-items:flex-start;gap:10px;padding:4px 3px 12px;border-bottom:1px solid #e5ebf3}.profile-menu-avatar{width:42px;height:42px;border-radius:50%;background:#52627f;color:#fff;display:grid;place-items:center;font-weight:700}.profile-menu-head>span:nth-child(2){display:grid;gap:3px;flex:1;font-size:14px}.profile-menu-head small{font-size:11px;color:#637492}.profile-menu-head em{font-style:normal;background:#e8f3ff;color:#0868ed;border-radius:6px;padding:4px 7px;font-size:10px;width:max-content}.menu-close{color:#132b51;font-size:17px}.profile-usage{padding:12px 3px;font-size:12px;color:#14294e}.profile-usage>span{display:flex;justify-content:space-between}.profile-usage i{display:block;height:7px;background:#dce9fa;border-radius:10px;margin-top:9px;overflow:hidden}.profile-usage i b{display:block;width:0;height:100%;background:#0868ed}.profile-menu>a{display:flex;gap:12px;align-items:center;color:#466086;text-decoration:none;padding:10px 8px;border-radius:7px;font-size:13px}.profile-menu>a:hover{background:#eff6ff;color:#0868ed}.profile-menu>a span{flex:1}.menu-notification{float:right;background:#ed2d48;color:#fff;border-radius:50%;font:10px Arial;padding:3px 5px}.profile-menu .logout{border-top:1px solid #e5ebf3;margin-top:7px;padding-top:14px;color:#ed3049}.profile-menu .logout:hover{background:#fff1f2;color:#cf1934}